ag-grid相关内容

立即在所有单元格上启动单元格编辑器

我正在寻找如何仅使用单元格编辑器启动 ag-grid 表格的解决方案.这意味着我不想点击行或单元格来编辑数据. 通过文档中的这个例子,我几乎找到了一个解决方案:整行编辑 这正是我正在寻找的.我可以以编程方式立即开始编辑.该示例的问题在于 onCellValueChanged 仅在键盘单击“输入"或单击下一行后才会触发.我需要一个在单元格更改后立即触发 onCellValueChanged ..
发布时间:2021-10-26 17:53:54 其他开发

如何根据 AG Grid Angular 中的值设置背景颜色列

我遇到了一个问题,无法根据该行中的值设置行背景颜色.在我的情况下,它被称为 updateFlag,如果该行的值为 true,我想将行背景设置为默认白色以外的其他内容.让我更难弄清楚的是,我们以非常模块化的方法使用 ag 网格.我有一个 ag-grid-base.component,它通过 @inputs 完成每个网格的基本设置,并有一些 @outputs,如 onRowClickAction 等. ..
发布时间:2021-10-26 17:53:51 其他开发

显示弹出类型的单元格渲染器

我想在单元格聚焦时显示一种弹出式单元格渲染器.假设,如果行高是 50 像素,当特定单元格被聚焦时,我想要一个高度大于 50 像素(例如 80 像素)的自定义单元格渲染器.我开发了一个自定义单元格渲染器,但只有适合单元格高度(50px)的内容可见,其余内容被截断.我尝试设置绝对定位、更高的 z-index 等,但没有任何效果.对于单元格编辑器,我们可以指定 isPopup(){ return tru ..
发布时间:2021-10-26 17:53:48 其他开发

Ag-Grid 更新值推送?

制作 ag-grid,为点击创建事件以将点击的数据(以及对它的一些操作)添加到第二个网格. 检查行数据时会推送值,但不显示. 如何更新第二个表?下面的代码,请&谢谢!! 解决方案 你应该设置行数据 -->gridOptions2.api.setRowData(a) 在你把对象放到你的 'a' 变量之后. https://plnkr.co/edit/mPJQpms0X6P ..
发布时间:2021-10-26 17:53:45 前端开发

带有选定行的 Ag-grid RowStyle

我正在使用 ag-grid 5.1.2我已经配置了一个 getRowStyle 函数来为某些项目设置背景颜色. I've noticed that has overridden the 'selected row' color now, so when a row is selected the background will not change to indicate as such. ..
发布时间:2021-10-26 17:53:39 其他开发

Ag-Grid 外部过滤不响应状态变化

我一直在努力让 Ag-Grid 的外部过滤响应状态变化.当我更新 isExternalFiltered 时,doesExternalFilterPass 回调中 isExternalFiltered 的值不会改变.如果我向网格提供一个键来强制它重新渲染每次更新,它似乎可以工作,但会导致网格重新初始化的代价很高. 我还要注意,我已经尝试在过滤器更改时调用网格 api 的 onFilterCha ..
发布时间:2021-10-26 17:53:32 前端开发

当从扩展符号访问对象时,如何访问 Javascript 对象的按名称嵌套的属性...?

这个 https://stackoverflow.com/a/4255480/1375882is 关于使用带括号的表示法的好答案通过名称访问 Javascript 对象/数组的属性,它还展示了如何从嵌套数组访问嵌套属性或元素的示例. 我正在尝试使用相同的方法来访问使用展开 ... 运算符的构造中的属性/元素,例如: var foo = { a: 1, b: 2, c: {x: 999, y ..
发布时间:2021-10-26 17:53:29 前端开发

如何使用 Angular 6 -Ag 网格并排显示两个网格

我试图并排放置两个网格,但第二个网格会自动移到下一行. 我已将每个网格的宽度减少到 40%,并且还尝试将网格放置在 中,但我仍然无法显示彼此并排的网格. 解决方案 使用 flexbox 应该可以解决您的问题: .row {显示:弹性;}.柱子 {弹性:50%;填充:10px;高度:500px;} ..
发布时间:2021-10-26 17:53:26 其他开发

Ag-grid 枢轴组计数

我使用 Ag-grid 16.0 和 Angular 5. 我想隐藏数据透视组的数量. rowGroup: 真,cellRenderer:'agGroupCellRenderer',cellRendererParams:{suppressCount: false,//关闭行数} suppressCount: false 对我不起作用. 如何删除数据透视组的数量? 感谢您提前帮 ..
发布时间:2021-10-26 17:53:23 其他开发

React ag grid - 用于查找用户在滚动时是否到达网格末尾的事件

在 ag-grid 中,我们有 'bodySroll' 事件来监听滚动.但我想知道用户在滚动时何时到达网格的最后一条记录. 有什么办法可以做到这一点吗? 谢谢 解决方案 你可以为保存你的 ag-grid 的 Div 添加 onScroll 监听器,然后你可以使用 gridApi.getLastDisplayedRow() 这给你当前的最后一行索引视口您可以使用此索引与当前网格上 ..
发布时间:2021-10-26 17:53:20 其他开发

对行进行排序后,Ag-grid 拖放不起作用

在 Ag-grid-react 上对我的行进行排序后,拖放停止工作.在排序之前,拖放已全部设置并运行良好. postSort API 似乎没有实现我需要的东西,重置行甚至设置可拖动就像选择一样. postSort={nodes =>nodes.forEach(n => n.setRowSelectable(true))} 我也试过使用 postSort={nodes =>nodes.f ..
发布时间:2021-10-26 17:53:17 其他开发

ag-grid - 删除具有无限行模型的行

我正在尝试使用具有无限行模型和分页功能的网格来删除一行.我不确定如何删除特定行并更新内部模型而不必刷新网格(从而发出新的 ajax 请求). 我已经读过这个帖子:https://github.com/ag-grid/ag-grid/issues/193 显然我应该删除服务器上的行(我已经在做),然后调用刷新 api 但这会导致每次调用“getRows"函数和分页,另一个问题是分页不会更 ..
发布时间:2021-10-26 17:53:14 其他开发

如何设置 AG-GRID 列垂直边框的样式

我希望我的 AG-Grid 列具有垂直边框.默认情况下,网格行具有水平边框.我希望它模仿常规 Excel 电子表格的外观和感觉. 我尝试在列定义中使用单元格样式,如下所示: this.columnDefs = [{ headerName: 'Test', cellStyle: {'border-right-color': '#e2e2e2'}, field: 'test' }]; 这就行 ..
发布时间:2021-10-26 17:53:02 其他开发

如何在一行上禁用行组扩展功能?

在没有任何特定解决方案的情况下在SO中进行了大量搜索后,我不得不提出这个问题.我想要的是在单个组行上隐藏行组图标.如下图所示,我有一个只有一条记录的组行,该记录已显示在顶行中.我想隐藏那条记录上的折叠图标.仅当组行多于一个时显示折叠/展开图标. 参考AG-Grid Master-Detail Section,在此指定要展开的行.我在这里需要的相同功能. 我正在使用以下版本的 AG-Gr ..
发布时间:2021-10-26 17:52:59 其他开发

ag-grid:如何在主详细信息模板中添加按钮

我在 ag-grid 中使用主/细节.我想要在所有行之后的详细部分中有一个保存按钮.我可以使用模板来做到这一点,但它不会触发事件.我认为它只是一个模板,不适用于事件.你能建议我如何在详细部分添加按钮 这是我的代码 columnDefs: [{headerName: "公司名称",字段:“公司名称",cellRenderer:“agGroupCellRenderer"}],groupDefa ..
发布时间:2021-10-26 17:52:56 其他开发