el-table的fixed属性导致表格错位的问题

1,467 阅读1分钟
在引入element UI 的table组件使用过程中,业务需求要实现某列的固定。

这里官方提供的方式是 给 el-table的 添加 fixed属性,添加后,该列不会随着横向滚动而滚动。

21491721951776cdb19b07483cd9263.png

序号错位的问题,这里是导入的数据。 发生错位的原因,是由于table在数据请求后,渲染异常的问题;因此,解决办法就是让table重新布局

这里官方提供了doLayout方法,来解决重新布局的问题

doLayout的使用方式

image.png el-table需要增加 ref属性

image.png

找到请求数据的地方,立刻获取更新后的DOM image.png

看结果:

image.png