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/

为什么ag-theme-balham是唯一可行的ag-grid主题？

2 个答案: