首先，本項(xiàng)目中使用的是bootstrap框架，因此有些人會說，給表格設(shè)置自適應(yīng)屬性就可以了

這里要申明的是

bootsrtap自適應(yīng)是針對當(dāng)瀏覽器不占滿整個(gè)屏幕，而是一半的時(shí)候才會出現(xiàn)橫向的滾動條

而當(dāng)我們將瀏覽器最大化的時(shí)候，如果列數(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中使用的是這個(gè)屬性，和在th標(biāo)簽中使用不一樣，th標(biāo)簽中使用方法如下

<th nowrap="nowrap">也可實(shí)現(xiàn)不自動換行

以上就是小編為大家?guī)淼膉sp中為表格添加水平滾動條的實(shí)現(xiàn)方法全部內(nèi)容了，希望大家多多支持VeVb武林網(wǎng)~