How to add horizontal scrollbar to bootstrap-table?

Question

I am facing problem in bootstrap table where I have columns that doesn't fit in screen so I want to handle that in bootstrap-table by giving horizontal scrollbar there.

Answer 1

You can wrap the table in a div using class .table-responsive:

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

Reference: Bootstrap 4.1 Table