el-table固定列与中间显示空白样式问题

2023-01-13  本文已影响0人  扶得一人醉如苏沐晨

使用el-table的固定列后,出现固定列与表格中间部分断裂的空白样式问题:


image.png

仔细检查代码后,发现列的宽度是固定的,把列的宽度设置成最小宽度就可以了 width属性改为min-width属性

    <el-table-column
                width="120"
                show-overflow-tooltip
                v-if="fieldArr.includes('number')"
                prop="number"
                header-align="center"
                align="center"
                >
    </el-table-column>

代码更改为

  <el-table-column
                min-width="120"
                show-overflow-tooltip
                v-if="fieldArr.includes('number')"
                prop="number"
                header-align="center"
                align="center"
                >
    </el-table-column>
上一篇 下一篇

猜你喜欢

热点阅读