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