#reactjs #material-ui #react-table #react-table-v7
#reactjs #материал-пользовательский интерфейс #react-table #react-table-v7
Вопрос:
В последней версии (7.5.x) React-Table, при использовании компонентов таблицы Material-UI, есть ли способ удалить всплывающую подсказку «Переключить сортировку» из заголовка столбца?
У меня есть всплывающая подсказка с именем заголовка столбца. обе всплывающие подсказки появляются при наведении курсора мыши. Взгляните на этот codesandbox
Комментарии:
1. Можете ли вы предоставить пример codesandbox, чтобы воспроизвести проблему?
Ответ №1:
Добавление {...column.getHeaderProps(column.getSortByToggleProps({ title: undefined }))} сделало свое дело.
Вот обновленный codesandbox
Комментарии:
1. Просто для справки, это связано с этой строкой в исходном коде таблицы React: github.com/tannerlinsley/react-table/blob/v7.6.3/src /…
Ответ №2:
Или просто перезаписать заголовок, как в:
<span {...column.getGroupByToggleProps()} title="">
Ответ №3:
Если вы хотите переопределить ее своим собственным ярлыком, вы можете сделать это. Вы также можете отображать метки только для столбцов, которые можно сортировать.
<span {...column.getGroupByToggleProps()} title={column.canSort ? `Sort By ${column.id}` : ""}>