如何向bootstrap-table添加水平滚动条？

Question

我在引导表中遇到问题，其中的列不适合屏幕，所以我想通过在引导表中提供水平滚动条来处理该问题。

Answer 1

您可以使用类

div

将表格包装在

.table-responsive

中：

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

参考： 引导程序4.1表

Answer 2

您可以使用引导程序提供的类来实现此目的，

<div>
<div class="table-responsive">
  <table class="table table-striped table-bordered" style="width: 800px;">
    <tr>-</tr>
   </table>
</div>

Answer 3

只需将 BootstrapTable 包裹在 div 中

<div className="table-responsive">
  <BootstrapTable responsive  ....  />
</div>