@sanekk94

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

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

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

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

Войти через TM ID
Похожие вопросы
Blogman Оренбург
от 20 000 до 60 000 руб.
Reklama Guru Санкт-Петербург
от 50 000 до 60 000 руб.
Greencow Studio Москва
от 80 000 до 120 000 руб.