отключить сортировку по заданным c столбцам в ag-grid-реагировать - PullRequest
0 голосов
/ 12 февраля 2020

Я использую 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

Пожалуйста, предложите, что нужно добавить.

Ответы [ 2 ]

0 голосов
/ 24 февраля 2020

Мне удалось добиться этого путем обновления версий ag-grid-реагировать и ag-grid-community до 20.0.0. См. AG-644 в https://www.ag-grid.com/ag-grid-changelog/

0 голосов
/ 12 февраля 2020

Пожалуйста, проверьте это здесь. возможно это поможет. 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'},
    ]
}
...