bootstrap panel with tables doesn't resize properly

Updated at: February 23, 2017

@bootstrap github issue

table overflow the parent container e.g. a panel

we can use .table-responsive wrap the table, but this only work when browser width less than 768px

<div class="table-responsive">
    <table class="table table-striped">
        ... 
    </table>
</div>

parent container will generate a scrollbar for table.

add overflow-x: auto, can solve this tricky status

<div class="table-responsive" style="overflow-x: auto">
    <table class="table table-striped">
        ... 
    </table>
</div>