每行的 ag 网格编辑颜色取决于其键

Question

我使用 ag 网格，我有要显示的任务，每个任务都有一个状态（DONE、RELEASED、ACCEPTED ...） 我想在网格中显示。每行显示一个任务，我想以我在 js 文件中定义的颜色显示

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

等等。

我从 db 中读取的关于任务的数据，所以在 gridOptions 中，rowdata 为空

```
$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