如何在反应中改变ag-grid的bg颜色？

Question

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

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

Answer 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。这将是一个更复杂的解决方案，但是如果您要覆盖一堆样式，那就更好了。