Задать вопрос
geeek
@geeek
html

Размещение широкой таблицы на планшетах

Здравствуйте!

Нужно отобразить широкую таблицу, которая еле влезает в 24 дюймовый монитор на экран iPad'a (1024x768). Какие существуют практики?

Верстка таблички на bootstrap.
  • Вопрос задан
  • 3688 просмотров
Комментировать
Подписаться 4 Оценить Комментировать
Решения вопроса 2
@IoannGrozny
Front-end разработчик
если бутстрап третий, то:
getbootstrap.com/css/#tables-responsive
Ответ написан
Комментировать
Комментировать
estum
@estum
Смотри здесь.

Еще у меня есть небольшое дополнение к бутстрапу, но он больше подходит для телефонов (width < 767px). Показывает таблицу на маленьких экранах построчно, т.е. каждая ячейка с заголовком колонки на новой строке (хайрез по ссылке).
Выложил в gist.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ответы на вопрос 1
@pashachee
Еще одно неплохое решение от Foundation, с применением горизонтального скролла — zurb.com/playground/responsive-tables

Демо zurb.com/playground/projects/responsive-tables/ind...

Не имеет зависимость от используемого фреймворка.
Ответ написан
Комментировать
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Тестировщик-стажёр
ITooLabs • Тула
от 35 000 до 40 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Исправить адаптивную верстку на Tilda Zero Block
20 апр. 2024, в 06:39
4000 руб./за проект
Доработка аддона для Xenforo v2.2.13
20 апр. 2024, в 06:06
200 руб./за проект
Привязка к Маркетплейсам 1С Розница 2.3
20 апр. 2024, в 05:26
10000 руб./за проект
Ещё заказы