渲染后修改ag-grid行

汤姆·史密斯

渲染后,我需要对ag-grid行进行一些修改。在ag-grid中,实际的HTML元素不一定是持久性的,因此手动设置的样式可能会下降。

一方面,我必须修改选择复选框以将其设置tabindex-1从技术上讲,这可以在cellRenderer回调中完成,尽管看起来很hack。(可以在找到该复选框params.eGridCell.children[0].children[0].wrappedElement。)

但是我还必须在某些行中添加CSS类,以根据外部条件突出显示它们。我还没有找到一种方法来做到这一点。

最好的解决方案似乎是使用某种渲染后的回调,但据我所知,不存在此类问题。

我找到了几个相关的问题,但是都通过来解决了cellStyle,在这里还不够:

scar藜

您没有1个而是3个选项:

getRowClass(params)

属性“ rowClass”的回调版本。函数应返回一个字符串或字符串数​​组。

getRowStyle(params)

属性“ rowStyle”的回调版本。函数应返回一个CSS值对象。

processRowPostCreate(params)

允许您在创建行后对其进行处理。最后添加自定义属性等。

在这最后一个中,您有一行params.eRow

全部取自https://www.ag-grid.com/javascript-grid-callbacks/index.php

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

行删除后如何升级/刷新ag-grid?

来自分类Dev

行的 Ag-Grid DOM

来自分类Dev

ag-Grid-在添加或修改数据后如何强制自定义排序

来自分类Dev

ag-grid:在一行中使用多个组单元格渲染

来自分类Dev

在ag-grid中添加/删除行

来自分类Dev

整行的ag-grid rowgroup行颜色

来自分类Dev

遍历React Ag-Grid的特定行

来自分类Dev

在ag-grid中添加/删除行

来自分类Dev

访问组行ag-grid

来自分类Dev

指令需要在ng-repeat渲染行后修改表

来自分类Dev

初始化后ag-grid角度错误的行顺序

来自分类Dev

服务器响应成功后如何删除ag-Grid中的一行?

来自分类Dev

如何使用ag-grid加载动态列和行?

来自分类Dev

默认情况下,ag-grid导出选择行

来自分类Dev

仅将Ag-Grid上的某些行分组

来自分类Dev

在Ag-grid中以编程方式设置行分组

来自分类Dev

使ag-grid行可选而无需复选框

来自分类Dev

是否可以在ag-grid的行组周围放置边框

来自分类Dev

如何在ag-grid中获取行的样式对象?

来自分类Dev

在Ag-grid上开始拖动时如何选择行?

来自分类Dev

ag-grid-vue:如何检测行点击?

来自分类Dev

将 ID 添加到 ag-grid 行

来自分类Dev

如何找出 ag-grid 选定行的索引

来自分类Dev

ag-Grid初始化后,如何提供cellEditorParams?

来自分类Dev

设置后,ag-Grid React会忘记gridApi

来自分类Dev

AngularJS ag-grid调整大小后获取列宽

来自分类Dev

删除行后ng-grid无法选择项目

来自分类Dev

在Kendo Grid中执行“ OrderBy”后无法移动行

来自分类Dev

Kendo Grid-从弹出窗口编辑后刷新行