пример ag-grid не отображается должным образом - PullRequest
Новая
       4

пример ag-grid не отображается должным образом

0 голосов
/ 11 февраля 2020

Пытался внедрить ag-grid в моем проекте, но я столкнулся с некоторыми проблемами.

Начал с примера "Начало работы" (https://www.ag-grid.com/angular-grid/), но это не так работает как задумано.

Сделан даже новый angular проект, но возникла та же проблема.

Printescreen с проблемой

Зависимости: 

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

Есть идеи, в чем может быть проблема?

1 Ответ

0 голосов
/ 12 февраля 2020

Я думаю, что вы не внедрили стиль ng-grid в свой стиль. css, если в этом случае добавьте эти две строки в ваш стиль. css: 

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