當前位置:編程學習大全網 - 源碼下載 - bootstrap table 表格太寬,設置的width屬性不起作用怎麽辦

bootstrap table 表格太寬,設置的width屬性不起作用怎麽辦

將所有列設置為固定寬度,顯然是不能滿足此類要求的,但是若把全部的列都設置為百分比,恐怕在某些尺寸,或分辨率下,會變得很難看。在Bigtree看來,比較習慣於用如下的方式來處理——在表格列數不是很多的前提下——將大部分列寬用固定值設置死,留下壹列不設置寬度,將table的寬度設置為屏幕的百分比(譬如95%、98%等)。例:序號分類A分類B名稱說明操作……在本例中,名為“說明”的列,內容比較長,個人認為可以將此列設置為浮動寬度列,用以自適應頁面的寬度。但是當該表格中出現長度比列幅寬的半角字符時,td的寬度會被內容撐破,應該如何解決呢?解決此問題的方法是:在明細行的td中,追加style="word-wrap:break-word;",這樣做可以使半角連續字符強制換行,不至於撐破列寬。例:……應用此方法,針對設置了width寬度的td列可以解決,但是如果沒有設置寬度的td列,是無法生效還是會被撐破td的,應該如何解決呢?解決此問題的方法是:在定義表格時,追加style="table-layout:fixed;",這樣做可以使半角連續字符強制換行,不至於撐破列寬。需要註意的是,使用此參數後,不要輕易在tr(行)或td(列)中加入height屬性,會使table不再被內容撐出適合的高度。例:效果圖

  • 上一篇:C#中如何查詢控制臺輸入的東西?
  • 下一篇:php 緩存方式有哪幾種呢 都在什麽情況下使用呢
  • copyright 2024編程學習大全網