Bootstrap Table 超多列 使用滚动条

时间:2022-01-15 15:01:09

overflow-x: scroll;横向滑动详细讲解

able显示滚动条,要先把table放到一个div中,控制div 属性overflow值为scroll

<div style="overflow:scroll;">
······
······
</div>
  • 1
  • 2
  • 3
  • 4

Table设置最小长度

<table class="table" style="min-width:1500px;">
······
······
</table>
  • 1
  • 2
  • 3
  • 4

现在只要div的长度小于table的长度,滚动条就显示出来了

效果图如下:

Bootstrap Table 超多列 使用滚动条