为什么 ag-theme-balham 是唯一有效的 ag-grid 主题？

Question

我将 ag-grid 添加到我的 Angular 项目中。然后我将其 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 有一个 class 属性，您也必须更新该属性：

<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/

为什么 ag-theme-balham 是唯一有效的 ag-grid 主题？

Why is ag-theme-balham the only ag-grid theme that works?

ag-grid

ag-grid-angular