我正在尝试复制 ag-grid
的默认设置,该设置将每隔一行背景绘制成稍微不同的颜色。但是,当我尝试单击 headerColumn
重新排序列时,背景颜色不会重新排序。
这是我目前不起作用的方法
cellStyle(params) {
let backgroundColor = #FFFFFF;
if (params.node.rowIndex % 2 === 1) backgroundColor = #E04F00;
}
https://plnkr.co/edit/bHLEmECLNby3obIT ,此示例显示了所需的行为。
有没有办法访问和更改这些默认颜色?
最佳答案
我发现 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 ,在那里我发现了我应该编辑哪个变量。
关于javascript - 更改每隔一行的背景颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62330171/