Горизонтальная таблица прокрутки в 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>

Ответы на вопрос(3)

Ваш ответ на вопрос