@sanekk94

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

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

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

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

Войти через центр авторизации
Похожие вопросы
19 апр. 2024, в 03:52
1000 руб./за проект
19 апр. 2024, в 03:01
1000 руб./за проект
18 апр. 2024, в 21:56
2000 руб./за проект