element-ui在表格存在固定列的情况下,首次渲染会出现滚动列的部分和固定列的部分不对齐的情况。
解决方法:
el-table添加属性ref="table",在调用后台接口获取表格数据完成之后,调用表格方法doLayout(),对表格进行重新布局。
async getData() {
let queryInfo = {...this.searchForm, ...this.sortObj}
queryInfo.warehouseCode = this.$store.getters.warehouse.code
const res = await getASN(this.pageInfo, queryInfo)
if(!res.flag) {
this.$message.error(res.message)
return
}
this.tableData = res.data.rows
this.total = res.data.count
// 表格重新布局
this.$refs.table.doLayout()
},
效果: