使用getRowStyle设置角度ag-grid设置行颜色会禁用rowSelection颜色

Question

我有一个ag-grid，我想自定义行的背景颜色。

onGridReady(params) {
    this.gridApi = params.api;
    this.gridColumnApi = params.columnApi;
    params.api.sizeColumnsToFit();
    this.initialize();
    this.gridOptions.getRowStyle = this.changeRowColor;

}

这是changeRowColor：

changeRowColor(params) {
    return {
        'background-color': params.data.backgroundColor
    };
}

问题在于，当我启用[rowSelection] =＆＃34;＆＃39;多个＆＃39;＆＃34;所选行不会突出显示。我已经确定通过注释掉getRowStyle这两个功能是不兼容的。当我这样做时，行会在选择时突出显示。

有没有人有解决方法的想法？

Answer 1

您的行级别样式会覆盖默认的ag-grid样式。

在这种情况下突出显示所选行的一种方法是覆盖所选行的单元格级别样式。

.ag-fresh .ag-row-selected {
    background-color: #66bfff !important;
    .ag-cell {
        background-color: #66bfff !important;
    }
}

上面的CSS显示了ag-fresh主题的工作方式。要使其适用于其他主题，请相应地添加类。