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