場景

ElementUI中el-table設(shè)置指定列固定不動,不受滾動條影響：

ElementUI中el-table設(shè)置指定列固定不動,不受滾動條影響_BADAO_LIUMANG_QIZHI的博客-CSDN博客_el-table固定列

給el-table設(shè)置fixed屬性之后就可以使該列固定不動。

但是出現(xiàn)了錯位的情況，每一行不對應(yīng)。

注：

博客：
https://blog.csdn.net/badao_liumang_qizhi?
關(guān)注公眾號
霸道的程序猿
獲取編程相關(guān)電子書、教程推送與免費下載。

實現(xiàn)

1、按照網(wǎng)上的解決方案以及官方文檔的說明

table在數(shù)據(jù)請求后，渲染異常的問題，解決辦法就是讓table重新布局。

官方提供了doLayout方法。

按照這個方法在請求得到數(shù)據(jù)的時候，用nextTick對table的DOM重新渲染。

?this.$nextTick(() => {this.$refs.multipleTable.doLayout();// el-table加ref="multipleTable"});

試了下不生效，說明是別的問題。

2、 查看了表格中的最后一列

發(fā)現(xiàn)該列的寬度設(shè)置的較低，內(nèi)存已經(jīng)越出，導(dǎo)致每行錯位。將該列的寬度調(diào)寬。

恢復(fù)正常。

總結(jié)

以上是生活随笔為你收集整理的el-table中设置fixed固定列之后错位的奇葩原因的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。