@valya1988

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

@media screen and (max-width: 800px) {
  table.delivery thead {
    display: none;
  }
  • Вопрос задан
  • 278 просмотров
Пригласить эксперта
Ответы на вопрос 4
MeowingMaster
@MeowingMaster
можешь использовать css-grid (но думаю есть варианты и получше)
Ответ написан
lamer350
@lamer350
wp x (nginx + php7 + opcache) = love
Все зависит от сложности таблицы, иногда просто добавляете горизонтальный скрол чтобы ее можно было просто влево/вправо.
Ответ написан
dom1n1k
@dom1n1k
Универсального рецепта тут нет. Многое зависит от сложности структуры таблицы.
Если таблица очень навороченная, то лучше вообще оставить идею с адаптацией, а просто делать для мобилы и десктопа 2 отдельных лейаута.
Если таблица более-менее простая, то применяю сочетание двух техник:
1. Сначала скрываю столбцы с второстепенной инфой.
2. Потом транспонирование - строки выстраиваются в столбик, а подписи к ним работают через before/attr(). В общих чертах этот принцип показан тут: https://stackoverflow.com/questions/32301206/how-t...
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы