如何在 ag-Grid table 中添加动态行 class

Question

我正在使用 ag-grid.com，有谁知道如何在同一个 table 中添加动态行 class 名称？这样我就可以根据它设置不同的背景颜色。

提前致谢！

Answer 1

如文档中所见 https://www.ag-grid.com/javascript-grid-row-styles/:

var gridOptions = {
    rowData: rowData,
    columnDefs: columnDefs,
    rowClassRules: {
        'your-class': function(params) {
            return your_condition;
        }
    }
};

在 vuejs 中它可能看起来像：

this.rowClassRules: {
    'your-class': params => {
          return your_condition;
    }
}