ag-grid更改类或将样式更改为RowNode

时间:2019-12-23 16:25:14

标签: javascript ag-grid ag-grid-angular

我正在尝试使用NodeRow对象更改样式,但是它无法访问该元素

api.getSelectedNodes().forEach((node)=>{
  if(node.data.isGreen)
    node.rowClass.addClass(['.is-selected-green']) // something like this
})

是否可以使用NodeRow更改班级?

1 个答案:

答案 0 :(得分:2)

有一种方法,但是没有您期望的方法。

首先,我们无法以编程方式访问RowNode的DOM来更新其CSS类。

请按照以下步骤操作。

  1. 设置rowClassRules的{​​{1}}属性。

    gridOptions

所有具有gridOptions.rowClassRules = { 'is-selected-green': (params) => { // try accessing this.otherMethod() here return params.data.isGreen; } // all other classes and their rules }; 属性isGreen的行都将具有true属性。

  1. 当您选择任何行时,is-selected-green将被应用到该行,因此请使用下面的CSS使其看起来有所不同。

    ag-row-selected