Как адаптировать таблицу?

Question

[anvarik2]

Суть в том, что есть такая таблица:
При разрешении меньше 640 нужно сделать так, чтобы она стала такой:

Comments

[Артур]

Если это письма, то никаких

Answer 1

[Владимир Коротенко]

Делаете медиа селектор и для нужных столбцов делаете дисплай ноне.
Писал с мобильника, так что не совсем то.
Вот ваш случай
https://codepen.io/AllThingsSmitty/pen/MyqmdM

Comments

[anvarik2]

Спасибо большое)

Answer 2

[zkrvndm]

Используйте медиазпросы и псевдоэлементы. Посмотрите пример с одного из моих сайтов:
https://imgural.ru/product/lpu
Докрутите до таблицы и попробуйте уменьшить ширину окна.

Answer 3

[Вячеслав Южаков]

Собственно, одним из действенных вариантов — создание горизонтальной прокрутки у таблицы.
Я нашел один интересный подход к адаптивности таблицы. Он заключается в использовании data-атрибутов и псевдоклассов.
Пример можно посмотреть на странице моего сайта https://cerbergroup.ru/dlya-biznesa/videomonitoring.php
Внизу страницы есть таблица. попробуйте уменьшить ширину окна. Надеюсь вам этот вариант понравится.