在 ag-Grid 中，当我更改行背景时，所选行没有颜色(默认情况下为蓝色)

Question

在 ag-Grid 中，当我更改行背景颜色时，它工作正常，但是当我选择该行时，颜色不会更改为蓝色，因此我可以识别该行已被选中。

我正在使用gridOptions.getRowStyle来更改行背景颜色：

gridOptions.getRowStyle = function(params) {
return { background: "#3a3a3a" }
}

Answer 1

我处理它的方式是在 ag-grid 中使用rowClass选项。

rowClass: 'my-row'

然后在您的 css 中，您可以定义：

.ag-root .my-row:not(.ag-row-selected) {
background-color: #3a3a3a;
}

https://embed.plnkr.co/fTENsl/

如果您想要自定义选择的颜色，另一种选择是使用以下颜色：

.ag-root .my-row {
background-color: #3a3a3a;
}
.ag-root .my-row.ag-row-selected {
background-color: blue;
}

Answer 2

如果要更改所选行的样式，请在css中使用class。

.ag-row-selected {
background-color: black;
color: white ;
border-color: gray;
}