Какое решение использовать для адаптивных таблиц?

Question

[kamwork]

Всем привет.

Столкнулись с тем, что нужна удобная адаптивная таблица.

Что я имею ввиду, в мобильной версии целесообразно было бы пойти по пути сокращения кол-ва столбцов, но помещая в 1 яйчейку больше информации в столбик, например:

Десктоп: https://yadi.sk/i/6x3zGtUnpxh6v
Мобильная: https://yadi.sk/i/DSypFXA1pxhiT (с фотошопом не сильно дружу)

Те варианты которые есть, либо делают горизонтальный скролинг, либо просто скрывают часть ячеек

Answer 1

[Григорий]

Вот такое есть. Но я пока не пробовал:
https://github.com/filamentgroup/tablesaw

Обновление. Нашёл ещё вот эту статью. Здесь объясняется, как с помощью Flexbox создать адаптивные таблицы разных видов, оригинальных: https://hashnode.com/post/really-responsive-tables...

Answer 2

[Александр Белькевич]

Как вариант, попробуйте так https://css-tricks.com/responsive-data-tables/