el-table中设置fixed后表格错位
表格错位图片代码表格错位图片
图片:
错位原因:
在设置fixed后,横向的滚动条的高度没有占用设置了fixed属性列的高度,导致每次Y轴的滚动条滑动到底部的时候,就会出现错位的现象。
如果是下图的效果就不会出现错位了:
代码
在获取表格数据请求成功后使用doLayout()
.
/** 获取列表数据 */async getList() {let res = await getIotContModel({page:this.currentPage,limit:this.pageSize,search:this.search});this.loading = false;this.list = res.data;this.total = res.totalRow;//解决表格列乱排布问题let self = thisthis.$nextTick(function(){self.$refs.equBrandTable.doLayout()})}