解决 el-table 不停无限拉伸的问题
1.找了很多解决办法不管用,最终解决办法如下
(1)设置表格的max-height
<el-table border :data="tableData" max-height="500px">
(2)设置完发现虽然没问题,但是浏览器缩放依然存在无限拉伸的问题,这时需要做自适应
::v-deep .el-table{
width: 100%;
.el-table__header-wrapper table,.el-table__body-wrapper table{
width: 100% !important;
}
.el-table__body, .el-table__footer, .el-table__header{
table-layout: auto;
}
}
本文介绍了如何解决Vue中Element-UI的el-table组件在浏览器缩放时出现的无限拉伸问题。通过设置表格的最大高度`max-height`和应用自适应样式,可以避免表格在不同缩放比例下拉伸。关键步骤包括设置表格宽度为100%,以及针对表头和表体设置固定宽度。
1万+

被折叠的 条评论
为什么被折叠?



