css - 如何在 react 中改变农业网格的背景颜色？

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