element-ui的table，怎么才能让行铺满全部空间？

Question

下边一大片空白，这个怎么铺满?

Answer 1

在table的父节点上标记ref,类似：
vm是当前Vue的实例，
taskContainerH是table的父节点，如果是layout布局，则应该是<main>
tbTaskH是要改变高度的table上绑定的height的model，即:height='tbTaskH',需要给tbTaskH一个默认值

代码如下：

var taskContainerH = vm.$refs.tbTaskContainer.$el.clientHeight;
vm.tbTaskH = taskContainerH - 20 * 2;//20是padding，如果没有请无视

Answer 2

el-table的height属性设置成100%,然后class为el-table__body的元素设置height:100%即可；
如果想要动态的比如行数少就扩大行高度，行数多就正常行高度的话，就需要写js去判断条数了。