首先，本項目中使用的是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)容了，希望對大家有所幫助，多多支持腳本之家~
您可能感興趣的文章:- js網(wǎng)頁滾動條滾動事件實例分析
- 原生JS綁定滑輪滾動事件兼容常見瀏覽器
- js監(jiān)聽滾動條滾動事件使得某個標(biāo)簽內(nèi)容始終位于同一位置
- js鼠標(biāo)滑輪滾動事件綁定的簡單實例(兼容主流瀏覽器)
- jsp中為表格添加水平滾動條的實現(xiàn)方法
- jsp中實現(xiàn)帶滾動條的table表格實例代碼
- JS實現(xiàn)拖動滾動條評分的效果代碼分享
- JS 滾動事件window.onscroll與position：fixed寫兼容IE6的回到頂部組件
