ag-grid angular- 列定义中的某些属性（f.e。可调整大小）不起作用

Question

我正在 Angular 玩农业网格。我希望某些列可排序 and/or 可调整大小，而其他列则不可。我在文档中看到，columnDefs 中的 sortable 和 resizable 等属性应该有效。但他们没有。使列可排序和可过滤的唯一方法是在 gridOptions 中添加属性 enableFilter 和 enableColResize，如下所示：

gridOptions = {
    defaultColDef: {
      tooltip: (t: any) => { return t.value; }
    },
    overlayNoRowsTemplate: '<span></span>',
    overlayLoadingTemplate: '<span></span>',
    enableSorting:true,
    enableFilter: true,
    enableColResize: true,
    domLayout: 'normal'
  };

<ag-grid-angular
  #agGrid
  style="width: 100%; height: 335px;"
  class="ag-theme-balham"
  (modelUpdated)="onModelUpdated()"
  (selectionChanged)="onSelectionChanged($event)"
  [gridOptions]="gridOptions"
  [columnDefs]="columnDefs"
  [rowData]="rowData"
  animateRows
  rowSelection="single"
>

但是当以这种方式使用时，我无法配置特定的列以按照我希望的方式工作。有人知道这里有什么问题吗？

Answer 1

这是因为您使用的是旧版本的 ag-grid（19.1.4 或更早版本）。您可以通过运行 npm update 命令将您的 ag-grid 版本更新到 20.0.0 或更高版本，或者您可以使用suppressSorting、suppressFilter 和 resizable 属性 columnDefs 是旧版本中相同功能的替代方法，但您必须先设置 enableFilter 和 enableSorting 到 true 以便 抑制排序 和 抑制过滤器 工作。

ag-grid angular- 列定义中的某些属性（f.e。可调整大小）不起作用

ag-grid angular- some properties in column definitions (f.e. resizable) don't work

javascript

ag-grid

angular