如何在反应中更改 ag-grid 的 bg 颜色？答案

【问题标题】：How to change bg color of ag-grid in react?如何在反应中更改 ag-grid 的 bg 颜色？
【发布时间】：2020-04-12 03:08:26
【问题描述】：

我正在尝试更改 React 应用程序中 ag-grid 的背景颜色。
我尝试了行单元格样式，但我想更改网格的完整背景。
我的代码是：

{
  headerName: "Module Name",
  field: "ModuleName",
  sortable: true,
  filter: true,
  resizable: true,
  cellStyle: function(params) {
     return { backgroundColor: "#red" };
  }
},

【问题讨论】：

向我们展示您的代码以及您尝试过的内容
@Jbadminton 代码添加问题
改cellStyle的输出效果如何，你不满意，能拍个照吗。顺便说一句，您是否尝试过rowStyle？ ag-grid.com/javascript-grid-row-styles/#row-style

标签： css reactjs ag-grid

【解决方案1】：

您可以使用以下 CSS 来更改背景：

.ag-root, .ag-header, .ag-cell {
  background-color: #f5f5ff !important;
}

https://embed.plnkr.co/P3HrdAQUOA8rkmIO/

另一个选项是自定义主题：https://www.ag-grid.com/javascript-grid-themes-provided/#customizing-sass-variables。这将是一个更复杂的解决方案，但如果你想覆盖一堆样式会更好。

【讨论】：