Question

我正在尝试将排序添加到简单的ag网格中，但我不断收到错误消息：无法绑定到“ enableSorting”，因为它不是“ ag-grid-angular”的已知属性。

这是模板：

<ag-grid-angular
 [enableSorting]="true"
 [rowData]="rowData"
 [columnDefs]="columnDefs"
>
</ag-grid-angular>

我什至尝试使用GridOptions对象，但它无法识别enableSorting或enableFilter，但可以识别分页。我在做什么错了？

我正在关注AG Grid博客上的this介绍性指南。没有排序的部分，网格按预期工作，所以我不认为它与配置有关（导入的模块和导入的数组），但是我还是仔细检查了一下，所有设置都正确！角版本10 ag网格版本24。

Answer 1

我个人建议再次使用GridOptions-因为您可能希望指定Ag-Grid外观的其他部分。

如果您希望对网格中的所有列进行排序，只需使用以下内容：

gridOptions: GridOptions = {
  defaultColDef: {
    sortable: true
  }
}

然后在html中为您的Ag-Grid提供网格选项：

<ag-grid-angular
 [gridOptions]="gridOptions"
 [rowData]="rowData"
 [columnDefs]="columnDefs"
>
</ag-grid-angular>

Answer 2

尝试这样。

gridOptions: {
 
    defaultColDef: {
        sortable: true
    },
    columnDefs: [
        { field: 'name' },
        { field: 'age' },
     
        { field: 'address', sortable: false },
    ]
}



    <ag-grid-angular
            [rowData]="rowData | async"
            [columnDefs]="columnDefs"
            [enableSorting]="true"
        >
        </ag-grid-angular>

Answer 3

我在从 ag-grid 19 升级到 24 时遇到了这个问题。似乎自 20 版以来，enableFilter 已在 GridOptions 级别删除，必须按 ColDef 进行设置. See here for more on that.

虽然我找不到任何类似的文档，但我怀疑 enableSorting 也发生了同样的事情。似乎它因此被替换为 ColDef 级别的 sortable，如他/她的回答中提到的@cmprogram。

这是推测，但如果有人能找到有关该更改的文档，请在评论中回复，我会将其添加到此答案中。

如何在有角度的ag网格中启用排序

3 个答案: