解決方案
我是最右側(cè)固定列，所以下面的class名稱(chēng)是.el-table__fixed-right, 如果有左側(cè)固定請(qǐng)自行替換為el-table__fixed
防止固定列表格高度錯(cuò)位
.el-table__fixed-body-wrapper {
.el-table__body {
padding-bottom: 15px; // 這個(gè)得自己調(diào)試看多少合適
}
}
}
如果還沒(méi)有解決錯(cuò)位， 請(qǐng)看你的
el-table__body-wrapper是不是自己寫(xiě)了max-height的樣式屬性， 這會(huì)影響固定列定位的
解決固定列錯(cuò)位后, 接下來(lái)就是吧固定列往上提滾動(dòng)條的高度就不會(huì)影響了文章來(lái)源：http://www.zghlxwxcb.cn/news/detail-786550.html
.el-table__fixed-right {
height: auto !important;
bottom: 8px !important;// 這個(gè)得自己調(diào)試看多少合適
}
//去掉固定列下方的橫線， 樣式優(yōu)化
.el-table__fixed::before, .el-table__fixed-right::before {
display: none;
}
解決效果如圖：
留出了高度并且高度一致沒(méi)有錯(cuò)位
問(wèn)題完美解決?。?！
文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-786550.html
到了這里，關(guān)于vue2+elementui的el-table固定列會(huì)遮住橫向滾動(dòng)條以及錯(cuò)位的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
