jsp中為表格添加水平滾動(dòng)條的方法
首先，本項(xiàng)目中使用的是bootstrap框架，因此有些人會(huì)說(shuō)，給表格設(shè)置自適應(yīng)屬性就可以了
這里要申明的是
bootsrtap自適應(yīng)是針對(duì)當(dāng)瀏覽器不占滿(mǎn)整個(gè)屏幕，而是一半的時(shí)候才會(huì)出現(xiàn)橫向的滾動(dòng)條
而當(dāng)我們將瀏覽器最大化的時(shí)候，如果列數(shù)增多了呢?會(huì)出現(xiàn)什么效果
答案就是會(huì)出現(xiàn)擠壓的效果，橫向并不會(huì)出現(xiàn)滾動(dòng)條
查看網(wǎng)上的教程，很多人都說(shuō)將什么父div設(shè)置100%，table添加scrool屬性均不可
這里，解決的方法很簡(jiǎn)單，設(shè)置<th>標(biāo)簽的屬性即可，讓其不要自動(dòng)換行
$(document).ready(function() {
$("th").css("white-space","nowrap");
});
來(lái)設(shè)置頁(yè)面加載完成后th標(biāo)簽不允許自動(dòng)換行的屬性即可
注意在css中使用的是這個(gè)屬性，和在th標(biāo)簽中使用不一樣，th標(biāo)簽中使用方法如下
<th nowrap="nowrap">也可實(shí)現(xiàn)不自動(dòng)換行
以上就是小編為大家?guī)?lái)的jsp中為表格添加水平滾動(dòng)條的方法的全部?jī)?nèi)容了，希望對(duì)大家有所幫助，多多支持腳本之家~
- js網(wǎng)頁(yè)滾動(dòng)條滾動(dòng)事件實(shí)例分析
- 原生JS綁定滑輪滾動(dòng)事件兼容常見(jiàn)瀏覽器
- js監(jiān)聽(tīng)滾動(dòng)條滾動(dòng)事件使得某個(gè)標(biāo)簽內(nèi)容始終位于同一位置
- js鼠標(biāo)滑輪滾動(dòng)事件綁定的簡(jiǎn)單實(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寫(xiě)兼容IE6的回到頂部組件
相關(guān)文章
詳解Struts2中Action訪問(wèn)Servlet API的幾種方法
這篇文章主要介紹了詳解Struts2中Action訪問(wèn)Servlet API的幾種方法的相關(guān)資料,這里提供三種方法，一般推薦使用，IOC方式，需要的朋友可以參考下2017-08-08
使用jsp:include控制動(dòng)態(tài)內(nèi)容的方法
這篇文章主要介紹了使用jsp:include控制動(dòng)態(tài)內(nèi)容的方法,結(jié)合實(shí)例較為詳細(xì)的分析了JSP中include偽指令的功能、定義及使用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-11-11
JSP 開(kāi)發(fā)之THE SERVLET NAME ALREADY EXISTS.解決方法
這篇文章主要介紹了JSP 開(kāi)發(fā)之THE SERVLET NAME ALREADY EXISTS.解決方法的相關(guān)資料,希望通過(guò)本文大家能解決這樣的問(wèn)題，需要的朋友可以參考下2017-09-09
JSP實(shí)現(xiàn)簡(jiǎn)單的用戶(hù)登錄并顯示出用戶(hù)信息的方法
這篇文章主要介紹了JSP實(shí)現(xiàn)簡(jiǎn)單的用戶(hù)登錄并顯示出用戶(hù)信息的方法,通過(guò)簡(jiǎn)單的登陸及登陸顯示頁(yè)面實(shí)現(xiàn)這一功能,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
這篇文章主要介紹了JSP學(xué)習(xí)之Servlet用法,較為詳細(xì)的分析了JSP中Servlet的原理、使用方法及相關(guān)實(shí)現(xiàn)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-09-09
Spring AOP的實(shí)現(xiàn)原理詳解及實(shí)例
這篇文章主要介紹了Spring AOP的實(shí)現(xiàn)原理詳解及實(shí)例的相關(guān)資料,需要的朋友可以參考下2017-05-05
用fileupload組件實(shí)現(xiàn)的大文件上傳簡(jiǎn)單實(shí)例
下面小編就為大家?guī)?lái)一篇用fileupload組件實(shí)現(xiàn)的大文件上傳簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-10-10
JSP Spring 自動(dòng)化裝配Bean實(shí)例詳解
這篇文章主要介紹了JSP Spring 自動(dòng)化裝配Bean實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-04-04
jsp讀取大對(duì)象CLOB并生成xml文件示例...2006-10-10
J2SE中的序列化的認(rèn)識(shí)...2006-10-10