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>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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