jsp中為表格添加水平滾動條的實現(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中為表格添加水平滾動條的實現(xiàn)方法全部內(nèi)容了,希望大家多多支持腳本之家~
相關(guān)文章
HttpClient Post 二進制/字節(jié)流/byte[]實例代碼
這篇文章主要介紹了 HttpClient Post 二進制/字節(jié)流/byte[]實例代碼的相關(guān)資料,需要的朋友可以參考下2017-06-06jsp 從web.xml讀取連接數(shù)據(jù)庫的參數(shù)
web.xml讀取連接數(shù)據(jù)庫的參數(shù),實現(xiàn)代碼。2009-05-05jsp hibernate 數(shù)據(jù)保存操作的原理
當(dāng)執(zhí)行到session.save()方法時,Hibernate并不會馬上生成insert SQL語句來進行數(shù)據(jù)的保存,而是當(dāng)稍后清理session的緩存時才有可能執(zhí)行insert SQL語句,那么session.save()方法到底會執(zhí)行哪些步驟呢?2008-11-11jsp通過自定義標(biāo)簽庫實現(xiàn)數(shù)據(jù)列表顯示的方法
這篇文章主要介紹了jsp通過自定義標(biāo)簽庫實現(xiàn)數(shù)據(jù)列表顯示的方法,較為詳細(xì)的分析了jsp自定義標(biāo)簽的定義、功能實現(xiàn)與使用技巧,并附帶了完整的實例代碼供讀者下載參考,需要的朋友可以參考下2015-10-10JSP+Servlet+JavaBean實現(xiàn)登錄網(wǎng)頁實例詳解
這篇文章主要介紹了JSP+Servlet+JavaBean實現(xiàn)登錄網(wǎng)頁的方法,以完整實例形式分析了JSP+Servlet+JavaBean實現(xiàn)登錄網(wǎng)頁所涉及的詳細(xì)步驟與具體實現(xiàn)方法,具有一定參考借鑒價值,需要的朋友可以參考下2015-10-10