jsp中為表格添加水平滾動條的方法
更新時間：2016年09月29日 11:04:13 投稿：jingxian
下面小編就為大家?guī)硪黄猨sp中為表格添加水平滾動條的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
首先，本項目中使用的是bootstrap框架，因此有些人會說，給表格設置自適應屬性就可以了
這里要申明的是
bootsrtap自適應是針對當瀏覽器不占滿整個屏幕，而是一半的時候才會出現(xiàn)橫向的滾動條
而當我們將瀏覽器最大化的時候，如果列數(shù)增多了呢?會出現(xiàn)什么效果
答案就是會出現(xiàn)擠壓的效果，橫向并不會出現(xiàn)滾動條
查看網(wǎng)上的教程，很多人都說將什么父div設置100%，table添加scrool屬性均不可
這里，解決的方法很簡單，設置<th>標簽的屬性即可，讓其不要自動換行
$(document).ready(function() {
$("th").css("white-space","nowrap");
});
來設置頁面加載完成后th標簽不允許自動換行的屬性即可
注意在css中使用的是這個屬性，和在th標簽中使用不一樣，th標簽中使用方法如下
<th nowrap="nowrap">也可實現(xiàn)不自動換行
以上就是小編為大家?guī)淼膉sp中為表格添加水平滾動條的方法的全部內(nèi)容了，希望對大家有所幫助，多多支持腳本之家~
相關(guān)文章
這篇文章主要為大家想詳細介紹了JSP學生信息管理系統(tǒng)的代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-11-11
jsp生成靜態(tài)頁面的方法...2007-02-02
JSP轉(zhuǎn)發(fā)和重定向的區(qū)別分析，需要的朋友可以參考一下2013-03-03
Spring AOP 動態(tài)多數(shù)據(jù)源的實例詳解
這篇文章主要介紹了 Spring AOP 動態(tài)多數(shù)據(jù)源的實例詳解的相關(guān)資料,希望通過本文可以幫助到大家，需要的朋友可以參考下2017-08-08
jsp自定義標簽技術(shù)(實現(xiàn)原理與代碼以及平臺搭建步驟)
由于jsp代碼規(guī)范要求不能出現(xiàn)一句java代碼。所有就有了jsp 的自定義標簽技術(shù)2013-06-06
這篇文章主要為大家詳細介紹了JSP實現(xiàn)文件上傳功能，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-09-09
這篇文章主要介紹了JSP中一些JSTL核心標簽用法總結(jié),JSTL標簽可以用來方便地操作變量并且還支持自定義功能,需要的朋友可以參考下2016-04-04
在JSP中訪問Oracle數(shù)據(jù)庫...2006-10-10
JSP中c:foreach遍歷和s:iterator遍歷異同實例分析
這篇文章主要介紹了JSP中c:foreach遍歷和s:iterator遍歷異同,以兩個完整實例形式對比分析了c:foreach遍歷和s:iterator遍歷的具體用法,具有一定參考借鑒價值,需要的朋友可以參考下2015-09-09
這篇文章主要介紹了JSP中九大內(nèi)置對象和四種屬性范圍詳解的相關(guān)資料,需要的朋友可以參考下2017-04-04