Как лучше переформировывать таблицу на мобильном разрешении?

Question

[urajo]

Как реализовать подобный функционал. Есть диалоговое окно в виде списка, в зависимости от выбора в нем пункта, формируется таблица. Как это на десктопе сделать понятно, а вот на мобильном она должна формироваться другого видна, вопрос как можно и лучше это сделать, что бы она вот так как на скрине переворачивалась? Я пока предполагаю формировать html в js и вставлять его, просто при мобильном разрешении формировать по другому, но мб есть у кого другой совет?

Comments

[Ankhena]

На мобилках добавить названия псевдоэлементами.
Остальное переформировать флексами/гридами.

[mayton2019]

Можно пользователю дать возможность выбирать horizontal/vertical layout.

Answer 1

[Aldadis]

Через data атрибуты, например так
Пример