美文网首页
el-table固定列与中间显示空白样式问题

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

作者: 扶得一人醉如苏沐晨 | 来源:发表于2023-01-13 14:05 被阅读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>

相关文章

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/ntpgcdtx.html