表格错位图片
图片:
错位原因:
在设置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 = this
this.$nextTick(function(){
self.$refs.equBrandTable.doLayout()
})
}