如何根据复选框更改网格栅格角度的行颜色?

时间:2019-06-08 17:52:48

标签: angular ag-grid

在一行中有多个复选框。行的颜色应根据我选中的复选框而更改。

从图片中,假设我检查单元格-(1,1)的颜色应该是红色或其他。 如果我检查单元格(1,2)-另一种颜色。 如果我检查单元格(1,3)-另一种颜色。

table with checkbox in each cell

1 个答案:

答案 0 :(得分:1)

一种解决方案是,单击单元格的复选框,更改所有列的"cellStye"。您可以从农业网格文档[https://www.ag-grid.com/javascript-grid-cell-styles/#cell-style]中获取信息。

我已经实现了演示您需要的基本功能。请参阅以下plunkr-

https://next.plnkr.co/edit/n3Jc8jZWtOc4FVd4

它将为您提供实现方法的想法。请根据您的逻辑更新代码。目的是演示如何更改单元格复选框上的行颜色。希望这会有所帮助。