Как изменить значок сортировки по умолчанию в столбце заголовка таблицы в React Material-Table?

Question

Можно ли изменить значок сортировки по умолчанию в столбце заголовка таблицы React Material-Table? ех. Я хочу изменить значок сортировки asc на ArrowDownward, а значок сортировки desc на ArrowUpward. Я пытаюсь установить реквизиты значков SortArrow на MaterialTable, но он отображается в каждом столбце заголовка таблицы, даже в неактивном столбце сортировки. Пожалуйста, помогите.

Материал-таблица

Код:

<MaterialTable ... icons={{ SortArrow: () => <ArrowDownwardIcon /> }}

Answer 1

Вы должны пересылать ссылки следующим образом:

import React, { forwardRef } from 'react';  
...
<MaterialTable>  
     icons={{ SortArrow: forwardRef((props, ref) => <ArrowDownwardIcon{...props} ref={ref}/>)}}
<MaterialTable> 

Это передаст необходимые реквизиты на ваш пользовательский значок, и он будет работать.

Надеюсь, это поможет. Удачного кодирования.