el-table高度自适应方案(纯CSS、简单、完美)
/* 设置el-table的父容器高度为100%,以便于自适应 */
.el-table__body-wrapper {
height: 100% !important;
overflow-y: auto;
}
/* 设置el-table的高度为100%,以便于自适应 */
.el-table {
height: 100% !important;
}
/* 设置el-table-column的高度为100%,以便于自适应 */
.el-table__row {
height: 100% !important;
}
/* 设置el-table-cell的高度为100%,以便于自适应 */
.el-table__cell {
height: 100% !important;
box-sizing: border-box;
}
这段CSS代码的作用是让el-table
的高度自适应其父容器的高度,从而实现表格的高度根据内容自动调整。这种方法不需要使用JavaScript,是一种简洁而高效的解决方案。
评论已关闭