如何在Ag-Grid表中添加动态行类

时间:2019-11-25 22:24:47

标签: ag-grid ag-grid-vue

我正在使用ag-grid.com,有人知道如何在同一表格中添加动态行类名称吗?这样我可以在上面设置不同的背景颜色。

谢谢!

enter image description here

1 个答案:

答案 0 :(得分: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;
    }
}