jsp中為表格添加水準滾動條

首先,本項目中使用的是bootstrap架構,是以有些人會說,給表格設定自适應屬性就可以了

這裡要申明的是

bootsrtap自适應是針對當浏覽器不占滿整個螢幕,而是一半的時候才會出現橫向的滾動條

而當我們将浏覽器最大化的時候,如果列數增多了呢?會出現什麼效果

答案就是會出現擠壓的效果,橫向并不會出現滾動條

檢視網上的教程,很多人都說将什麼父div設定100%,table添加scrool屬性均不可

這裡,解決的方法很簡單,設定<th>标簽的屬性即可,讓其不要自動換行

$(document).ready(function() {

       $("th").css("white-space","nowrap");
});
           

來設定頁面加載完成後th标簽不允許自動換行的屬性即可

注意在css中使用的是這個屬性,和在th标簽中使用不一樣,th标簽中使用方法如下

<th nowrap="nowrap">也可實作不自動換行