ag grid 编辑每一行的颜色取决于它的键

Question

我使用 ag 网格，我有任务要显示每个任务都有一个状态（完成、发布、接受 ...）我想在网格中显示。每行显示一个任务，我想以我在 js 文件中定义的颜色出现


    $scope.status=
    [
    {'status:DONE','color:red'}, ...
    ]

等等。

有关任务的数据我是从数据库中读取的，所以在 gridOptions 中行数据为空

```
$scope.gridOptions = {
            columnDefs: columnDefs,
            rowData: null,
            angularCompileRows: true,
            floatingFilter: true,
            rowSelection: 'single',
            animateRows: true
};
```

在其他函数中，我从数据库中获取数据并写入

`$scope$scope.gridOptions.api.setRowData($scope.tasksList);`

我的问题是如何设置每个状态以在 setrowdata 之后以预定义的颜色显示它？

Answer 1

您可以使用 ag-grid 单元格样式。根据行状态，您可以附加不同的 css 类或颜色。参考这个link

ag grid 编辑每一行的颜色取决于它的键

ag grid edit color of each row depends on its key

javascript

styles

ag-grid