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

clipboard.png
下边一大片空白,这个怎么铺满?

阅读 15.5k
2 个回答

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

代码如下:

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题
宣传栏