主頁(yè) > 知識(shí)庫(kù) > jsp中為表格添加水平滾動(dòng)條的實(shí)現(xiàn)方法

jsp中為表格添加水平滾動(dòng)條的實(shí)現(xiàn)方法

熱門(mén)標(biāo)簽:南京新思維電話(huà)機(jī)器人 好操作的電話(huà)機(jī)器人廠家 企業(yè)怎么在聯(lián)通申請(qǐng)400電話(huà) 泰州泰興400電話(huà) 怎么申請(qǐng) 聊城智能電銷(xiāo)機(jī)器人外呼 如何用中國(guó)地圖標(biāo)注數(shù)字點(diǎn) 南昌市地圖標(biāo)注app 百度地圖添加標(biāo)注圖標(biāo)樣式 地圖標(biāo)注市場(chǎ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)條的實(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è)

標(biāo)簽:開(kāi)封 自貢 臨汾 白銀 山南 烏蘭察布 銅川 吉林

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《jsp中為表格添加水平滾動(dòng)條的實(shí)現(xiàn)方法》,本文關(guān)鍵詞  jsp,中為,表格,添加,水平,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《jsp中為表格添加水平滾動(dòng)條的實(shí)現(xiàn)方法》相關(guān)的同類(lèi)信息!
  • 本頁(yè)收集關(guān)于jsp中為表格添加水平滾動(dòng)條的實(shí)現(xiàn)方法的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章