Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
Илья
@geeek
HTML
CSS
Bootstrap
Размещение широкой таблицы на планшетах
Здравствуйте!
Нужно отобразить широкую таблицу, которая еле влезает в 24 дюймовый монитор на экран iPad'a (1024x768). Какие существуют практики?
Верстка таблички на bootstrap.
Вопрос задан
более трёх лет назад
3689 просмотров
Комментировать
Подписаться
4
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
2
Иван Беленков
@IoannGrozny
Front-end разработчик
если бутстрап третий, то:
getbootstrap.com/css/#tables-responsive
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
Tõnis Simo
@estum
Смотри здесь
.
Еще у меня есть небольшое дополнение к бутстрапу, но он больше подходит для телефонов (width < 767px). Показывает таблицу на маленьких экранах построчно, т.е. каждая ячейка с заголовком колонки на новой строке (
хайрез по ссылке
).
Выложил в gist
.
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
1
pashachee
@pashachee
Еще одно неплохое решение от Foundation, с применением горизонтального скролла —
zurb.com/playground/responsive-tables
Демо
zurb.com/playground/projects/responsive-tables/ind...
Не имеет зависимость от используемого фреймворка.
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+2 ещё
Простой
Как сделать так, что бы используя live server у меня не браузер открывался, а справа от самого кода открывалось окно со всем этим?
1 подписчик
7 часов назад
32 просмотра
0
ответов
JavaScript
+1 ещё
Простой
Как получить такой эффект на мобильном?
1 подписчик
15 часов назад
97 просмотров
0
ответов
HTML
+1 ещё
Простой
Как сверстать данную часть header?
1 подписчик
16 часов назад
75 просмотров
0
ответов
HTML
+1 ещё
Простой
Как сделать что бы в меню были вертикальные полосы на всю высоту?
2 подписчика
вчера
178 просмотров
2
ответа
HTML
+1 ещё
Простой
Как лучше реализовать данный блок?
1 подписчик
вчера
85 просмотров
2
ответа
JavaScript
+1 ещё
Простой
Как скрыть/показать элемент с определенным текстом?
2 подписчика
10 мар.
866 просмотров
2
ответа
CSS
Средний
Как победить проблемы с overflow-y: sсroll?
1 подписчик
06 мар.
137 просмотров
2
ответа
JavaScript
+1 ещё
Средний
Сканирование QR в поле input. Как реализовать блокировку нажатия клавиш клавиатуры?
1 подписчик
06 мар.
138 просмотров
2
ответа
HTML
Простой
Можно ли как то заменить button на type="radio" MiniShop2?
1 подписчик
05 мар.
56 просмотров
1
ответ
CSS
Средний
Как решить проблему со смещением макета и подогнать контейнер под размер картинки?
1 подписчик
04 мар.
110 просмотров
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Специалист технической поддержки ИТ продукта
inSales
от 60 000 ₽
JavaScript FullStack разработчик
Rocket
•
Смоленск
от 120 000 ₽
Middle Project Manager (внутренние проекты)
FOXIBLE
•
Москва
от 70 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама