渲染后修改 ag-grid 行

Modify an ag-grid row after rendering

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

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

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

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

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

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

getRowClass(params):

Callback version of property 'rowClass'. Function should return a string or an array of strings.

getRowStyle(params):

Callback version of property 'rowStyle'. Function should return an object of CSS values.

processRowPostCreate(params):

Allows you to process rows after they are created. So do final adding of custom attributes etc.

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

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