本文已参与「新人创作礼」活动,一起开启掘金创作之路
需求:element ui表格横向滚动条固定在表格最下面,五无论数据多少都在下面 ,图示如下
步骤一:
el-table的父元素上定好高度
步骤二:
el-table设置铺满父元素的高度
步骤三: 情况一:当表头数据为写死时。直接加高度就行 情况二:当表头数据是动态时,两种方法。
方法1:数据请求完以后重载一下table,使用doLayout()方法;
方法2:自定义高度
/deep/ .el-table__body-wrapper {
height: calc(100% - 48px);
}