Bootstrap表格顯示底部滑動條

  1. table顯示滾動條,要先把table放到一個div中,控制div 屬性overflow值爲scroll;
  2. 這個屬性定義溢出元素內容區的內容會如何處理。如果值爲 scroll,不論是否需要,用戶代理都會提供一種滾動機制。因此,有可能即使元素框中可以放下所有內容也會出現滾動條。
<div style="overflow:scroll;">
</div>

3.Table設置最小長度

<table class="table" style="min-width:1500px;">
</table>

3.整合代碼

<div style="overflow:scroll;min-width:200px;">
  <table class="table" style="min-width:1500px;">
  </table>
</div>

現在只要div的長度小於table的長度,滾動條就顯示出來了!
在這裏插入圖片描述

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章