Reactjs 禁用ag grid react中特定列的排序
我正在使用ag grid react,并希望对其中的列进行排序 当我启用enableSorting=true时,它会对所有列启用排序。我不希望所有列都可以排序,而是希望排序是从columnDef驱动的(例如,仅当列的相应columnDef包含sortable=true时才对列进行排序) 使用codesandbox链接附加示例和columnDefReactjs 禁用ag grid react中特定列的排序,reactjs,ag-grid-react,Reactjs,Ag Grid React,我正在使用ag grid react,并希望对其中的列进行排序 当我启用enableSorting=true时,它会对所有列启用排序。我不希望所有列都可以排序,而是希望排序是从columnDef驱动的(例如,仅当列的相应columnDef包含sortable=true时才对列进行排序) 使用codesandbox链接附加示例和columnDef <AgGridReact columnDefs={this.state.columnDefs} enableColResize={true} on
<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
}
],
请建议需要添加的内容。请在此处查看。也许会有所帮助
仅对特定列启用排序
gridOptions: {
// enable sorting on name and age columns only
columnDefs: [
{field: 'name', sortable: true},
{field: 'age', sortable: true},
{field: 'address'},
]
}
通过将ag grid react和ag grid community版本升级到20.0.0,我实现了这一点。请参阅中的ag-644,我已经看到了这一点并尝试过。我不明白的是,为什么在启用排序={true}时,所有列都默认排序,即使我在列定义中为少数列放置了sortable:false。