为什么农业主题-巴尔汉姆是唯一有效的农业网格主题?

Question

我在我的 Angular 项目中添加了ag-grid。然后我将其 CSS 导入styles.css.

@import "~@ag-grid-community/all-modules/dist/styles/ag-grid.css";
@import "~@ag-grid-community/all-modules/dist/styles/ag-theme-balham.css";

目前为止，一切都好。ag-theme-balham主题在我运行应用程序时显示。

但是，现在我想改变主题。但是无论我选择哪个主题的CSS，都不会显示样式。即使ag-theme-balham-dark也不起作用。

验证：

• 其他主题的CSS文件存在于node_modules中。
• Angular 项目编译。
• 控制台中没有错误。

Answer 1

ag-grid-angular有一个你也必须更新的类属性：

<ag-grid-angular 
*ngIf="rowData"
style="width: 500px; height: 500px;" 
class="ag-theme-balham"    <!-- Update this -->
[rowData]="rowData" 
[columnDefs]="columnDefs"
[modules]="modules">
</ag-grid-angular>

Answer 2

某些主题仅在 ag-grid 的更新版本中可用。您可能需要检查与您正在使用的版本有关的可用性。

欲了解更多信息：

https://www.ag-grid.com/javascript-grid-themes-provided/

https://www.ag-grid.com/javascript-grid-themes-v23-migration/