element-ui table表格滚动条拉到最右侧 表头与内容不能对齐

1.问题概述

当表格数据太多,会出现纵向滚动条和横向滚动条,把横向滚动条拉到最右侧时,会出现表头与内容不能对齐的现象。

2.解决方法
1.当页面数据加载完毕后,在后面加上

this.$nextTick(() => {
  this.$refs.table.doLayout();
})

2.别忘了给表格加上ref属性

<el-table ref="table"></el-table>

你可能感兴趣的:(UI组件,ui)