在ag-grid-react中禁用对特定列的排序

Question

我正在使用ag-grid-react，并且想在其中添加可排序的列。

当我打开enableSorting=true时，它启用了对所有列的排序。我不希望所有列都是可排序的，而是希望排序是从columnDef驱动的。(例如，仅当列的相应columnDef包含sortable=true时才对其进行排序。

使用codesandbox链接附加示例和columnDef

<AgGridReact
columnDefs={this.state.columnDefs}
enableColResize={true}
onGridReady={this.onGridReady.bind(this)}
rowData={this.state.rowData}
enableSorting={true}
/>

columnDefs: [
        {
          headerName: "Athlete",
          field: "athlete",
          width: 150,
          suppressSizeToFit: true
        },
        {
          headerName: "Age",
          field: "age",
          width: 90,
          minWidth: 50,
          maxWidth: 100
        },
        {
          headerName: "Country",
          field: "country",
          width: 120
        },
        {
          headerName: "Year",
          field: "year",
          width: 90
        },
        {
          headerName: "Date",
          field: "date",
          width: 110
        },
        {
          headerName: "Sport",
          field: "sport",
          width: 110
        },
        {
          headerName: "Gold",
          field: "gold",
          width: 100
        },
        {
          headerName: "Silver",
          field: "silver",
          width: 100
        },
        {
          headerName: "Bronze",
          field: "bronze",
          width: 100
        },
        {
          headerName: "Total",
          field: "total",
          width: 100
        }
      ],

请参阅：https://codesandbox.io/s/jz317zpo43

请建议需要添加的内容。

Answer 1

请在这里检查一下。也许这会有所帮助。https://www.ag-grid.com/javascript-grid-sorting/

仅启用对特定列的排序

gridOptions: {
    // enable sorting on name and age columns only
    columnDefs: [
        {field: 'name', sortable: true},
        {field: 'age', sortable: true},
        {field: 'address'},
    ]
}

Answer 2

我能够通过将ag-grid-react和ag-grid-community版本升级到20.0.0来实现它。参考https://www.ag-grid.com/ag-grid-changelog/中的AG-644