Element ui 表格不对齐的解决方法

tianyawhl

发布于 2020-02-26 14:02:39

3.6K1

发布于 2020-02-26 14:02:39

当固定头部时有时候表格不对齐

第一种情况：没有水平滚动条，只有垂直滚动条

.el-table th.gutter {
  display: table-cell !important;
}

第二种情况：有垂直滚动条也有水平滚动条，特别是水平滚动条拖动到右边时，表格不对齐更明显

为el-table 加 ref="qtable

this.$axios
    .post("url", {
        classid: xxx
    })
    .then(res => {
        //this.tableData = data.tableData;
        this.$nextTick(() => {
            console.log(this.$refs.qtable)
            this.$refs.qtable.doLayout();
        });
});

本文参与腾讯云自媒体分享计划，分享自作者个人站点/博客。

如有侵权请联系 cloudcommunity@tencent.com 删除

el