td设置padding:0后el-table展示不全

<el-table
      ref="table"
      class="city-report-table-container"
      border
      height="100%"
      :data="tableData"
      :span-method="tableSpanMethod"
    >
<el-table-column label="项目基础信息" header-align="center" fixed="left">
        <el-table-column label="111" header-align="center" min-width="80px" fixed="left" prop="parentName" align="center" show-overflow-tooltip />
        <el-table-column label="222" header-align="center" min-width="120px" fixed="left" prop="orgName" show-overflow-tooltip />
...
</el-table>
 
 同时有 fixed="left"并且有合并表头并且子项也是fixed="left的情况下会出现fixed了的列显示空白,其他列正常
如果表格出现了滚动条会触发reset就会显示正常,改变浏览器大小触发reset也能显示正常
 
原因是因为合并单元格的父单元格
使用this.$refs.table.doLayout()重新布局就可以解决
posted @ 2024-10-18 17:18  me春天  阅读(16)  评论(0编辑  收藏  举报