場景：我們項(xiàng)目在使用elementUI的el-table時(shí)梁只，固定了好幾列缚柳，偶然發(fā)現(xiàn)滾動(dòng)條在固定列的位置無法滾動(dòng)，其他列的位置是可以滾動(dòng)的搪锣，由于固定列比較多秋忙，滾動(dòng)條滾不動(dòng)太影響操作了。
原因：研究下發(fā)現(xiàn)构舟，是由于固定列把滾動(dòng)條給遮住了灰追，所以滾動(dòng)不了。
解決方法：
? ? 1.修改el-table__fixed樣式
????.el-table{
????????.el-table__fixed{
????????????height:auto!important;
????????????bottom:17px!important;
????????}
????}
? ? 這種解決方法：就是設(shè)置bottom值狗超，使得不蓋住滾動(dòng)條弹澎。缺點(diǎn)：不適用與含有合計(jì)的table,如果含有合計(jì)，合計(jì)也會(huì)上移努咐。
? ? 2.修改el-table__body-wrapper樣式的層級(jí)苦蒿，隨便設(shè)個(gè)層級(jí)就可
????.el-table__body-wrapper{
????????z-index:2
????}
?????這種解決方法：解決滾動(dòng)條被遮住的問題，同時(shí)含有合計(jì)也適用渗稍，缺點(diǎn)：就是表頭和合計(jì)那部分有陰影佩迟，中間的部分沒有陰影，不過不影響效果竿屹，問題不大报强。
? ? 3.在1的基礎(chǔ)上，不要el-table默認(rèn)的合計(jì)拱燃，自己在el-table標(biāo)簽下添加一行div作為合計(jì)秉溉，然后需要合計(jì)的列自己計(jì)算，同時(shí)滾動(dòng)的效果也要和內(nèi)容同步扼雏。
? ? 4.如果上面的辦法沒有滿足需求坚嗜，就自己動(dòng)手寫table吧夯膀。
源自：http://www.chenqichun.com/articleDetails/615137be9e58dfeb349beca0
