jsp中為表格添加水平滾動條的實現方法

首先，本項目中使用的是bootstrap框架，因此有些人會說，給表格設置自適應屬性就可以了

這裏要申明的是

bootsrtap自適應是針對當瀏覽器不占滿整個屏幕，而是一半的時候才會出現橫向的滾動條

而當我們將瀏覽器最大化的時候，如果列數增多了呢?會出現什麽效果

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

查看網上的教程，很多人都說將什麽父div設置100%，table添加scrool屬性均不可

這裏，解決的方法很簡單，設置<th>標簽的屬性即可，讓其不要自動換行

$(document).ready(function() { 
 
    $("th").css("white-space","nowrap"); 
}); 

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

註意在css中使用的是這個屬性，和在th標簽中使用不一樣，th標簽中使用方法如下

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

以上就是小編為大家帶來的jsp中為表格添加水平滾動條的實現方法全部內容了，希望大家多多支持網管之家~

文章來源：