Ag grid Angular 10升级混乱ag网格Angular下拉式外观n-feel

Ag grid Angular 10升级混乱ag网格Angular下拉式外观n-feel,ag-grid,ag-grid-angular,angular10,Ag Grid,Ag Grid Angular,Angular10,我的ag grid angular版本已升级到24.0.0。作为Angular 10升级的一个过程(npm更新——全部)。 从功能、角度材质组件外观和感觉以及我使用的第三方库(例如ag angular grid、Highchart、splitter、ag grid等)来看,一切都运行良好 但不知何故,我失去了ag angular grid下拉列表的默认外观(编辑grid-cellEditor:'agSelectCellEditor') 以下是升级前后的look-n-feel对比,以提高清晰度。

我的ag grid angular版本已升级到24.0.0。作为Angular 10升级的一个过程(npm更新——全部)。 从功能、角度材质组件外观和感觉以及我使用的第三方库(例如ag angular grid、Highchart、splitter、ag grid等)来看,一切都运行良好

但不知何故,我失去了ag angular grid下拉列表的默认外观(编辑grid-cellEditor:'agSelectCellEditor')

以下是升级前后的look-n-feel对比,以提高清晰度。

angular 10升级后的版本(package.json):


感谢您的帮助。

将ag网格和ag主题材质css文件导入到styles中。scss解决了此问题。感谢Chris的指导和文档。

将这些文件导入“styles.scss”文件,如下所示,就是这样

@import "~ag-grid-community/dist/styles/ag-grid.css";
@import "~ag-grid-community/dist/styles/ag-theme-material.css";


你应该检查一下。。。ag网格主题从版本22到23进行了重大重新设计。谢谢你,克里斯!文件有助于解决这个问题。
@import "~ag-grid-community/dist/styles/ag-grid.css";
@import "~ag-grid-community/dist/styles/ag-theme-material.css";
@import "~ag-grid-community/src/styles/ag-grid";
@import "~ag-grid-community/src/styles/ag-theme-material/sass/legacy/ag-theme-material-v22-compat";