Как исправить отзывчивость таблицы ag-grid? - PullRequest
Новая
       38

Как исправить отзывчивость таблицы ag-grid?

0 голосов
/ 18 февраля 2019

Я использую Ag-grid в проекте Angular6.Я сталкиваюсь с проблемой отзывчивости таблицы ag-grid.Когда я сворачиваю браузер, но он не показывает прокрутку.Максимальный столбец исчезает.Но когда этот код запускается в Plunker, он показывает отзывчивость.Я не могу определить проблему.

Я использую следующие версии ag-grid:
"ag-grid": "^ 18.1.2",
"ag-grid-angular":"^ 18.1.0",
"ag-grid-community": "^ 19.0.0",
"ag-grid-enterprise": "^ 19.0.0",

// мой файл TS 

  private gridApi;
  private gridColumnApi;

  private columnDefs;
  private rowData;


   public constructor() {
     this.columnDefs = [
        {
            headerName: 'Make',
            field: 'make',
            minWidth: 100,
        },
        {
            headerName: 'Model',
            field: 'model',
            minWidth: 100,
        },
        {
            headerName: 'Price',
            field: 'price',
            minWidth: 100,
        },
        {
            headerName: 'Price',
            field: 'a',
            minWidth: 100,
        },
        {
            headerName: 'Price',
            field: 'b',
            minWidth: 100,
        }

    ];
    this.rowData = [
        {
            make: 'Toyota',
            model: 'Celica',
            price: 35000,
            a: 'aa',
            b: 'bb',
            c: 'cc',
            d: 'dd',
        },
        {
            make: 'Toyota',
            model: 'Celica',
            price: 35000,
            a: 'aa',
            b: 'bb',
            c: 'cc',
            d: 'dd',
        }
    ];

}

// мой файл HTML 

 <ag-grid-angular
       #agGrid
       style="width: 100%; height: 100%;"
       id="myGrid"
       class="ag-theme-balham"
       [columnDefs]="columnDefs"
       [rowData]="rowData">
   </ag-grid-angular>

1 Ответ

0 голосов
/ 18 февраля 2019

Я решил эту проблему.Это комплексная проблема.Я удалил пакет ag-grid и пакет ag-grid-enterprise.затем решил проблему.

...