Таблица реакции / Таблица материалов: Сворачивание столбцов при изменении размера (отзывчиво)

#reactjs #react-table #material-table

Вопрос:

С react-table помощью (или других библиотек таблиц, таких как Таблица материалов) возможно ли адаптивное свертывание по столбцам/строкам на небольших устройствах?

Например, react-table поддерживает развернутые столбцы, которые жестко закодированы:

Но нам нужно динамическое свертывание в зависимости от ширины таблицы. То, что мы ищем, показано в этой анимации: https://www.npmjs.com/package/react-super-responsive-table Нам не нужна горизонтальная полоса прокрутки.

Нам интересно, может ли какая-либо основная библиотека таблиц NPM поддерживать такое поведение.

Ответ №1:

getRowId может быть полезно в решении этой проблемы, подробности об этом по адресу — https://react-table.tanstack.com/docs/api/useTable#table-options