在使用datatable來顯示數據時,經常出現所顯示的列過多,或者內容太多,這時候的自適應列寬並沒有起作用,導致顯示的表格超出了界面,這時候整個界面顯得不美觀,界面右方顯示效果如下圖:
這時候我們需要規定寬度,所寫代碼如下圖:
其中:tableLayout 屬性用來顯示表格單元格、行、列的算法規則。而fixed:列寬由表格寬度和列寬度設定;默認值為:automatic,表示列寬度由單元格內容設定。
word-break 屬性規定自動換行的處理方法。break-all表示允許在單詞內換行。
這時候界面效果如下圖: