Как сверстать адаптивную таблицу?

Question

[netrox]

Приветствую. Как можно адаптивно сверстать данную таблицу ?

Answer 1

[Уалихан Оразбаев]

Я бы порекомендовал подобный вариант https://jsfiddle.net/odL6915t/3/

Comments

[netrox]

без отдельных таблиц для мобилок никак, да ?

[Алексей Уколов]

Конечно, нет. Как вы на CSS превратите одну таблицу в две с абсолютно другой структурой? Можно на JS собирать её на клиенте, но приницпиально это мало отличается от рендеринга отдельной версии на бэкенде.

[Уалихан Оразбаев]

netrox, адаптация таблиц в целом огромный геморрой, я когда ситуация позволяла не заморачивался и через простой overflow: scroll; делал. Один раз сказали использовать эту библиотеку. В твоем случае если следовать дизайну, не нахожу других вариантов (хотя еще можно сделать чтобы это все было через джс)