javascript - 更改每隔一行的背景颜色

Question

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

这是我目前不起作用的方法

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

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

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

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 ，在那里我发现了我应该编辑哪个变量。