渲染后修改ag-grid行

时间:2016-03-08 20:02:58

标签: ag-grid

我需要在渲染后稍微修改ag-grid行。在ag-grid中,实际的HTML元素不一定是持久的,因此手动设置的样式可能会失效。

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

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

最好的解决方案似乎是使用某种后渲染回调,但据我所知,不存在这样的事情。

我发现了几个相关的问题,但它们都是通过cellStyle解决的,这在这里是不够的:

1 个答案:

答案 0 :(得分:4)

您没有1个选项,只有3个选项:

getRowClass(params)

  

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

getRowStyle(params)

  

属性'rowStyle'的回调版本。函数应返回CSS值的对象。

processRowPostCreate(params)

  

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

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

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