datatable內容過長時表格會超出界面解決方法


在使用datatable來顯示數據時,經常出現所顯示的列過多,或者內容太多,這時候的自適應列寬並沒有起作用,導致顯示的表格超出了界面,這時候整個界面顯得不美觀,界面右方顯示效果如下圖:

  

這時候我們需要規定寬度,所寫代碼如下圖:

    

  其中:tableLayout 屬性用來顯示表格單元格、行、列的算法規則。而fixed:列寬由表格寬度和列寬度設定;默認值為:automatic,表示列寬度由單元格內容設定。

  word-break 屬性規定自動換行的處理方法。break-all表示允許在單詞內換行。

這時候界面效果如下圖:

  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM