ag-grid - 为什么 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有一个你必须更新的类属性:

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