0

Здравствуйте. Имею таблицу, в которой содержимое шире ширины окна браузера. Нужно было сделать горизонтальную полосу прокрутки. Реализовал ее следующим образом: (дописал display: block; max-width: 100%; overflow-x: auto;)

<table class="table table-striped table-hover" style="display: block; max-width: 100%; overflow-x: auto;">
....
</table>

Все хорошо, прокрутка работает, но в случаях, когда содержимое таблицы меньше ширины окна браузера, то справа остается зазор. Ширина таблицы всегда во всю ширину экрана, а вот содержимое не растягивается во всю ширину, а сжимается к левой стороне.

Как растянуть содержимое по всей ширине в случае, когда ширина содержимого меньше окна браузера?

1 ответ 1

0

Как вариант решения нашел следующее: обернуть <table></table> в <div class="table-responsive"></div>

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.