渲染后修改 ag-grid 行答案

【问题标题】：Modify an ag-grid row after rendering渲染后修改 ag-grid 行
【发布时间】：2016-06-22 23:08:49
【问题描述】：

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

一方面，我必须修改选择复选框以将其tabindex 设置为-1。这在技术上可以在cellRenderer 回调中完成，尽管它看起来很hacky。（复选框可以在params.eGridCell.children[0].children[0].wrappedElement找到。）

但我还必须向某些行添加一个 CSS 类，以根据外部条件突出显示它们。我根本没有找到办法。

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

我发现了几个相关的问题，但它们都通过cellStyle 解决了，这里还不够：

【问题讨论】：

你看这里了吗？ ag-grid.com/angular-grid-cell-styling/index.php 你可以使用 cellClassRules 来调整你的类风格来满足你的需要。使用 eGridCell 参数没有任何问题，它是为了您需要它而添加的，所以我认为这样做没有任何问题。
cellClassRules，可以理解的是，将类放在单元格上。

标签： ag-grid

【解决方案1】：

你有 3 个而不是 1 个选项：

getRowClass(params):

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

getRowStyle(params):

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

processRowPostCreate(params):

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

在最后一个中，params.eRow 中有一行。

【讨论】：