如何修复农业网格表的响应能力?

时间:2019-02-18 14:08:20

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

我正在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 :(得分:0)

我已经解决了这个问题。这是一个包装集成的问题。我删除了ag-grid和ag-grid-enterprise软件包。然后解决了这个问题。