程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> 網頁編程 >> JSP編程 >> 關於JSP >> jsp中為表格添加水平滾動條的實現方法,jsp滾動條

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

編輯:關於JSP

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


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

這裡要申明的是

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

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

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

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

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

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

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

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

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

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

  1. 上一頁:
  2. 下一頁:
Copyright © 程式師世界 All Rights Reserved