Я использую ag-grid-реагировать и хотел бы сортировать столбцы в нем.
Когда я включаю enableSorting = true, он включает сортировку по всем столбцам. Я не хочу, чтобы все столбцы были сортируемыми, и вместо этого хотел бы, чтобы сортировка осуществлялась из columnDef. (Например, сортируйте столбец, только если его соответствующий columnDef содержит sortable = true.
Присоединение образца и columnDef с кодамиandbox ссылка
<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
Пожалуйста, предложите, что нужно добавить.