jsp中為表格添加水平滾動(dòng)條的實(shí)現(xiàn)方法
首先，本項(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)條的實(shí)現(xiàn)方法全部?jī)?nèi)容了，希望大家多多支持腳本之家~
- js表格分頁(yè)實(shí)現(xiàn)代碼
- Angular.js與Bootstrap相結(jié)合實(shí)現(xiàn)表格分頁(yè)代碼
- angularjs表格分頁(yè)功能詳解
- 基于Vue.js的表格分頁(yè)組件
- 純js寫(xiě)的分頁(yè)表格數(shù)據(jù)為json串
- vue.js表格分頁(yè)示例
- JS實(shí)現(xiàn)table表格數(shù)據(jù)排序功能(可支持動(dòng)態(tài)數(shù)據(jù)+分頁(yè)效果)
- jsp中實(shí)現(xiàn)帶滾動(dòng)條的table表格實(shí)例代碼
- javascript 帶有滾動(dòng)條的表格,標(biāo)題固定,帶排序功能.
- 基于JavaScript實(shí)現(xiàn)表格滾動(dòng)分頁(yè)
相關(guān)文章
深入剖析JSP和Servlet對(duì)中文的處理...2006-10-10
jsp截取中文字符串 len為字節(jié)長(zhǎng)度2008-11-11
Spring AOP 動(dòng)態(tài)多數(shù)據(jù)源的實(shí)例詳解
這篇文章主要介紹了 Spring AOP 動(dòng)態(tài)多數(shù)據(jù)源的實(shí)例詳解的相關(guān)資料,希望通過(guò)本文可以幫助到大家，需要的朋友可以參考下2017-08-08
今天嘗試用Hibernate的配置文件生成數(shù)據(jù)庫(kù)腳本，結(jié)果居然成功了，代碼很簡(jiǎn)單2009-03-03
ResourceBundle類(lèi)在jsp中的國(guó)際化實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇ResourceBundle類(lèi)在jsp中的國(guó)際化實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07
詳解struts2的token機(jī)制和cookie來(lái)防止表單重復(fù)提交
這篇文章主要介紹了詳解struts2的token機(jī)制和cookie來(lái)防止表單重復(fù)提交的相關(guān)資料,需要的朋友可以參考下2017-06-06
五、讀取HTTP請(qǐng)求頭...2006-10-10
Servlet實(shí)現(xiàn)文件上傳的三種方法總結(jié)
這篇文章主要介紹了Servlet實(shí)現(xiàn)文件上傳的三種方法總結(jié)的相關(guān)資料,這里提供三種實(shí)例，幫助大家理解這部分內(nèi)容，需要的朋友可以參考下2017-08-08
JSP之表單提交get和post的區(qū)別詳解及實(shí)例
這篇文章主要介紹了JSP之表單提交get和post的詳解及實(shí)例的相關(guān)資料,希望通過(guò)本文大家能夠掌握使用get與post的方法，需要的朋友可以參考下2017-09-09
本文主要介紹了一些jsp的小知識(shí)點(diǎn)，非常的簡(jiǎn)單實(shí)用，希望能對(duì)大家了解jsp有所幫助2014-10-10