首先,本項目中使用的是bootstrap框架,因此有些人會說,給表格設置自適應屬性就可以了
這裏要申明的是
bootsrtap自適應是針對當瀏覽器不佔滿整個屏幕,而是一半的時候纔會出現橫向的滾動條
而當我們將瀏覽器最大化的時候,如果列數增多了呢?會出現什麼效果
答案就是會出現擠壓的效果,橫向並不會出現滾動條
查看網上的教程,很多人都說將什麼父div設置100%,table添加scrool屬性均不可
這裏,解決的方法很簡單,設置<th>標籤的屬性即可,讓其不要自動換行
$(document).ready(function() {
$("th").css("white-space","nowrap");
});
來設置頁面加載完成後th標籤不允許自動換行的屬性即可
注意在css中使用的是這個屬性,和在th標籤中使用不一樣,th標籤中使用方法如下
<th nowrap="nowrap">也可實現不自動換行
