Задать вопрос
@sanekk94

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

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

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

Войдите, чтобы написать ответ

Похожие вопросы