Таблица в адаптивной верстке?

Question

[Денис]

Таблица на десктопе отображается нормально, на айфоне 7 к примеру, таблица уезжает за края экрана с одной стороны, и я так понимаю это из за контента в самой таблице? Даже, я думаю из за количества колонок. Ничего с этим сделать нельзя? Чтоб ровненько было?
Ну и доп вопрос. Таблица формируется в php, возможно в пхп сделать, чтоб было условие: для десктопов все колонки, для мобайл на одну две колонки меньше. примерно по смыслу как в css с media запросами?

забыл ссылку на сайт -> вот

Comments

[Антон]

Таблица и адаптив - вещи не очень совместимые, посему, оптимальный выход - приделать горизонтальный скролл.

P.S. Что это за таблица и контент в ней, которым вы с легкостью готовы пожертвовать и убрать часть из мобильного вида?

[FeST1VaL]

1. Ровненько? а как вы представляете себе это?)
2. Ну как бы можно... добавить проверку устройства (mobile deteect) и в зависимости от результата выводить)

Короче говоря проще сделать скролл

Answer 1

[Евгений Акулинин]

Тут 2 варианта:
1) делать горизонтальный скролл для таблицы на мобильных устройствах
2) верстать таблицу на flex, а делать адаптив на мобильных устройствах медиазапросами
Первый вариант проще, но внешний вид на любителя. Второй более геморный, но позволяет добиться полной адаптивности для различных разрешений

Answer 2

[Константин Тимошено]

Сделайте td все блочными в медиа запросах. Когда будет сжиматься страница, то все ячейки будут друг под другом.