【问题标题】:ag-grid example doesn't display properlyag-grid 示例无法正确显示
【发布时间】:2020-05-27 03:10:18
【问题描述】:

试图在我的项目中实现 ag-grid,但遇到了一些问题。

从“开始”(https://www.ag-grid.com/angular-grid/) 示例开始,但它没有按预期工作。

甚至制作了新的角度项目,但遇到了同样的问题。

Printescreen with the issue

依赖关系:

"dependencies": {
    "@angular/animations": "~9.0.0",
    "@angular/common": "~9.0.0",
    "@angular/compiler": "~9.0.0",
    "@angular/core": "~9.0.0",
    "@angular/forms": "~9.0.0",
    "@angular/platform-browser": "~9.0.0",
    "@angular/platform-browser-dynamic": "~9.0.0",
    "@angular/router": "~9.0.0",
    "ag-grid-angular": "^22.1.1",
    "ag-grid-community": "^22.1.1",
    "rxjs": "~6.5.4",
    "tslib": "^1.10.0",
    "zone.js": "~0.10.2"
  }

任何想法可能是什么问题?

【问题讨论】:

  • 你导入样式表了吗?

标签: angular ag-grid ag-grid-angular


【解决方案1】:

我认为您没有在 style.scss 中注入 ng-grid 的样式,如果是这种情况,请在您的 style.scss 中添加这两行:

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

并像这样添加主题的类:

<ag-grid-angular
class="ag-theme-balham"
.
.
.
></ag-grid-angular>

【讨论】:

  • 是的。我犯的错误是在 components.scss 中注入样式而不是在全局 styles.scss 中。
猜你喜欢
  • 2020-01-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-01-29
  • 2016-08-02
  • 2021-12-21
  • 2021-08-20
  • 2019-04-16
相关资源
最近更新 更多