Как использовать значки сортировки по умолчанию при изменении заголовка в Ag-Grid React? - PullRequest
Новая
       36

Как использовать значки сортировки по умолчанию при изменении заголовка в Ag-Grid React?

0 голосов
/ 29 апреля 2020

В моей таблице есть несколько ячеек со следующим определением столбца: 

    {
      headerName: 'Total',
      field: 'totalScore',
      width: 90,
      lockPosition: true,
      unSortIcon: true,
      sortable: true,
    },

Здесь есть стрелки сортировки, которые показывают пользователю, как сортируются строки таблицы. Для некоторых других ячеек я использую заголовок клиента: 

    {
      headerName: 'custom',
      field: 'custom',
      width: 80,
      lockPosition: true,
      sortable: true,
      headerComponentFramework: customHeaderRenderer,
    },

Используя следующий рендерер: 

import React, { Component } from 'react'

export default class customHeaderRenderer extends Component {
  render() {
    return (
      <div>
        <img
          onClick={this.onSortRequested.bind(this)}
          src="..."
        />
      </div>
    )
  }

  onSortRequested(event) {
    this.props.progressSort(event.shiftKey)
  }
}

Сортировка работает, когда я щелкаю ячейку. Однако, как я могу использовать значки сортировки по умолчанию. Указание unSortIcon: true не работает.

...