更改每隔一行的背景颜色

Question

我正在尝试复制默认设置，该设置ag-grid以稍微不同的颜色绘制每隔一行的背景。但是，当我尝试对列重新排序时，单击headerColumn背景颜色不会重新排序。

\n\n

这是我目前的方法，\xc2\xb4t 不起作用

\n\n

cellStyle(params) {\n  let backgroundColor = #FFFFFF;\n  if (params.node.rowIndex % 2 === 1) backgroundColor = #E04F00;\n}\n

\n\n

https://plnkr.co/edit/bHLEmECLNby3obIT，此示例显示了所需的行为。

\n\n

有没有办法访问和更改这些默认颜色？

\n

Answer 1

我发现默认主题已经ag-grid达到了我想要的效果，问题是我使用的主题有两种非常相似的颜色，我真正需要的是更改默认颜色。

我能够通过覆盖主题的变量来实现这一点

.ag-theme-balham {
  --ag-odd-row-background-color: #E04F00;
}
.ag-theme-balham .ag-row-odd {
  background-color: var(--ag-odd-row-background-color);
}

我遵循了他们的文档，首先是https://www.ag-grid.com/javascript-grid-styling/，这将我带到了https://github.com/ag-grid/ag-grid-customise-theme，我在那里发现了我应该编辑哪个变量。