如何解决Angular 10升级弄乱了Ag-Grid-Angular下拉菜单外观
我的ag-grid-angular版本已升级到24.0.0。作为Angular 10升级的过程(npm update --all)。 一切都在功能,有角度的材料组件外观和我正在使用的第三方库(例如,ag-angular-grid,Highchart,splitter,ag-grid等)方面都可以正常工作。
但是不知何故,我失去了ag-angular-grid下拉菜单的默认外观(编辑网格-cellEditor:'agSelectCellEditor')
Angular 10升级后的版本(package.json)
"@angular-devkit/build-angular": "^0.1001.1","@angular/animations": "^10.1.2","@angular/cdk": "^10.2.1","@angular/common": "^10.1.2","@angular/compiler": "^10.1.2","@angular/core": "^10.1.2","@angular/flex-layout": "^10.0.0-beta.32","@angular/forms": "^10.1.2","@angular/http": "^7.2.16","@angular/material": "^10.2.1","@angular/platform-browser": "^10.1.2","@angular/platform-browser-dynamic": "^10.1.2","@angular/router": "^10.1.2","@types/jest": "^26.0.14","ag-grid-angular": "^24.0.0","ag-grid-community": "^24.0.0",
感谢您的帮助。
解决方法
将ag-grid和ag-theme-material css文件导入styles.scss解决了该问题。感谢克里斯的指导和文档。 https://www.ag-grid.com/javascript-grid-themes-v23-migration/
将这些文件导入如下所示的“ styles.scss”文件中!
@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";
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。