Как сделать эту таблицу адаптивной на < 600px?

Question

[Nikita Shchypylov]

Всем привет

Вот таблица - клик

Адаптив хорош +- до 600-700, но потом ад
Как можно сделать, что бы она хороша выглядела и была адаптивной?

Спасибо

Answer 1

[Александр]

Никак. Забудьте про верстку таблицами.

Comments

[Nikita Shchypylov]

Решения нет?

[Ankhena]

Nikita Shchipilov: Часто бывает, что есть, но в Вашем случае надо делать div'ами. Либо на JS при определенном размере экрана оборачивать td в дополнительные tr. Либо для table задавать display:flex (так тоже можно, но идея выглядит не просто дико, а отвратительно)

Answer 2

[Максим Тимофеев]

Конечно верстка таблицами это бред
И тем не менее есть решения. Например засовываем таблицу в див с overflow-x и задаем фиксированную ширину ячейкам таблицы. Так например реализовано в bootstrap:
getbootstrap.com/css/#tables-responsive