在ag-Grid中,当我更改行背景颜色时,它可以正常工作,但是当我选择行时,颜色不会更改为蓝色,因此我可以识别出该行已选中。
我正在使用gridOptions.getRowStyle更改行背景色:
gridOptions.getRowStyle = function(params) {
return { background: "#3a3a3a" }
}
答案 0 :(得分:0)
如果要更改所选行的样式,请使用CSS中的类
.ag-row-selected {
background-color: black;
color: white ;
border-color: gray;
}
答案 1 :(得分:0)
我要采用的方法是在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;
}