React tanstack таблицы очень нужна помощь

Question

React tanstack таблицы очень нужна помощь

GlebKodrik Ученик (40), на голосовании 1 год назад

Подскажите пожалуйста, давно пытаюсь реализовать функционал и не получается

Нужно чтобы ячейки по типу firstName, age ,lastName занимали всю ширину и были по центру как на второй картинке (текст должен быть в квадратике)

Ссылка на песочницу https://codesandbox.io/p/sandbox/shy-shadow-jlcc9h?embed=1&file=%2Fsrc%2Fmain.tsx%3A60%2C6

Answer 1

Не. Посмотрел песочницу. Моих знаний не хватает. Единственное, на что обратил внимание, и может быть это Вас натолкнет на мысль, у вас в блоке формирования таблицы, в секции заголовка пристутствует только одно свойство - colSpan={header.colSpan}, а то что Вы хотите реализовать, оно же вроде как формируется свойством rowSpan, т.е. объединением строк, а не столбцов. В остальном, увы, не подскажу.

Answer 2

К сожалению, сама библиотека создает именно такую структуру, где верхние строки с пустыми ячейками. Ячейка пустая, если header.isPlaceholder == true.

Ты можешь, если header.isPlaceholder == true, добавить ячейке стиль, чтобы убрать нижнюю линию у ячейки. Тогда колонки будут визуально объединены, но по центру расположить их не удастся.

Или не юзать эту библиотеку и самому html-ку для заголовков написать с rowSpan.