Адаптивная таблица + объеденные ячейки. Как сделать? Есть решения?

Question

[sanekk94]

Добрый день. Столкнулся с необходимостью сделать адаптивную таблицу, написал свой небольшой плагин ( https://codepen.io/Naksik/pen/YEbgda тут есть грязь но не суть). Все ок, работает, но не как не могу победить объеденные ячейки. Может кто-нибудь поделится своими решениями данной проблемы? Как сделать подобную адаптивную таблицу с возможностью объеденять ячейки, и чтобы нормально отображалось.
P.S Вариант с overflow:scroll не подходит

Answer 1

[justeen]

Вечер добрый.

Уходите от разметки html через table.
Юзайте обычный div с вложенными div, и применяйте к ним display:grid
Затем чтобы объеденять ячейки на разных размерах используем в media grid-template-areas
Здесь есть пример
css-live.ru/articles/zolotaya-rybka-css3-grid-layo...