Мои таблицы отлично отображаются на рабочем столе, но как только я попытаюсь просмотреть мобильную версию, моя таблица окажется слишком широкой для экрана мобильного устройства. Я использую отзывчивый макет.
Как установить ширину таблицы для мобильного просмотра? Какие еще существуют альтернативы для представления табличных данных о мобильных представлениях с помощью Bootstrap?
Bootstrap 3 представляет отзывчивые таблицы:
<div class="table-responsive">
<table class="table">
...
</table>
</div>
Кредит Джейсон Брэдли для предоставления примера:
Вы также можете попробовать попробовать один из этих подходов, поскольку большие таблицы не совсем дружественны на мобильных устройствах, даже если они работают:
http://elvery.net/demo/responsive-tables/
Я не согласен с "Нет больше таблиц", но это явно зависит от вашего приложения.
Все таблицы в bootstrap растягиваются в соответствии с контейнером, в котором они находятся. Вы можете поместить свои таблицы внутри элемента .span для управления размером. Этот вопрос может помочь вам