У SO множество вопросов относительно дизайна адаптивных таблиц. Я перепробовал большинство решений, и, похоже, Bootstrap .table-responsive справился с этой задачей. Он отлично работает в настольном браузере при изменении размера на маленький экран; горизонтальная полоса прокрутки появляется чуть ниже таблицы, которая не портит всю страницу. Однако на мобильных устройствах в нижней части страницы появляется полоса прокрутки, которая подвергает опасности другие элементы.
Как разместить полосу прокрутки чуть ниже таблицы? Одним из вариантов может быть размещение таблицы внутри div с максимальной шириной 100% ширины экрана. Как мне это сделать?