PrimeNG DataTable行选择 - 更改颜色

Question

什么样式的Primeng数据表格的行选择的最佳方式是什么？我有一个复选框，选中时该行将变为引导蓝色。我想减轻行选择的颜色。

我该怎么做？

Answer 1

我不知道，如果你发现任何地方你的答案，但你正在寻找的CSS是这样的：

body .ui-datatable .ui-datatable-data tr.ui-datatable-even.ui-state-highlight { 
    /*background-color handles the color of the highlighted row*/ 
    /*color sets the color of the text*/ 

    background-color: #0275d8; 
    color: #ffffff; 
    border-color: #0267bf;} 

和：

body .ui-datatable .ui-datatable-data tr.ui-datatable-odd.ui-state-highlight { 
    background-color: #0275d8; 
    color: #ffffff; 
    border-color: #0267bf;} 

只需粘贴在自己的CSS文件，您可以更改高亮颜色，边框颜色和文本颜色。我不确定这是否是最好的做法，但我上周就是这样做的，这就是我如何运作的。