AgGrid自定义(选定)行样式

Question

我正在尝试将自定义样式添加到我的AgGrid中的每一行。我在onGridReady:中使用以下代码片段

gridOptions.getRowStyle = function (params) {
  if (params.node.rowIndex % 2 === 0) {
    return { background: "#f0f1f4" };
};

我遇到的问题是，我想添加一个变体，指示行是否被选中。目前，无论哪种方式，样式都保持不变。为了实现这一点，我应该向代码中添加什么？

提前感谢您的阅读和回复。

Answer 1

AgGrid公开每个行元素的多个类名来描述其当前状态(ag-row、ag-row-odd、ag-row-selected…(。如果当前选择行样式，则可以利用这些信息覆盖行样式，如下所示：

.ag-theme-alpine .ag-row.ag-row-odd {
  background-color: pink;
}
.ag-theme-alpine .ag-row.ag-row-odd.ag-row-selected {
  background-color: red;
}

现场演示