Tabela poziomego przewijania w Bootstrap / CSS

Jak mogłem to zrobić, aby tabela wewnątrz kontenera o własnej szerokości nie podążała za szerokością kontenera i zamiast tego zachowywała szerokość stołu, gdy nie znajduje się wewnątrz kontenera. Mam bardzo szeroką tabelę, którą chcę zmieścić w pojemniku col-md-9 i wyświetla ona źle, ponieważ ściska stół, aby pasował do pojemnika. próbowałemmin-width dla tabeli, ale nie jest elastyczny, ponieważ dodanie większej liczby kolumn do mojego stołu spowoduje jej ponowne ściśnięcie. Czy możliwe byłoby automatyczne ustawienie szerokości tabeli bez śledzenia szerokości rodzica?

<div class="col-md-9" style="overflow-x: auto">
    <table class="table table-bordered" style="width:auto">
    <tbody>
        <tr>
          .... contents
        </tr>
    <tbody>
    </table>
</div>

questionAnswers(3)

yourAnswerToTheQuestion