Горизонтальная таблица прокрутки в Bootstrap / CSS
Как сделать так, чтобы таблица внутри контейнера с собственной шириной не следовала за шириной контейнера и вместо этого сохраняла ширину таблицы, когда она не находится внутри контейнера. У меня есть очень широкая таблица, которую я хочу разместить в контейнере col-md-9, и она плохо отображается, потому что она сжимает таблицу, чтобы она подходила для контейнера. я пыталсяmin-width
для таблицы, но это не гибко, так как добавление новых столбцов в мою таблицу будет сжимать его снова. Можно ли было сделать ширину таблицы автоматически, не следуя ширине родителя?
<div class="col-md-9" style="overflow-x: auto">
<table class="table table-bordered" style="width:auto">
<tbody>
<tr>
.... contents
</tr>
<tbody>
</table>
</div>