本质上就是使用官方的doLayout()方法进行表格的重新排版
<el-table ref="myTable"></el-table>
mounted() {
window.addEventListener('resize', this.reTableWrap);
},
beforeDestroy() {
window.removeEventListener('resize', this.reTableWrap);
},
methods: {
reTableWrap() {
this.$nextTick(() => {
this.$refs.myTable && this.$refs.myTable.doLayout();
});
},
getTable(){
this.$http.get(url).then((result) => {
this.tableData = result.data;
// 请求成功赋值后使用
this.$nextTick(() => {
setTimeout(() => {
this.$refs.myTable && this.$refs.myTable.doLayout();
}, 1000);
});
})
}
滚动条无法滑动
.el-table {
.el-table__body-wrapper {
z-index: 2;
}
}