我的项目表格的列,是请求后台后,拿到数据才进行渲染的,也就是动态的,所以在项目中遇到,即使我设置了表格高度,渲染出来的表格高度依然没有高度,但是只要我屏幕缩放,高度就会生效。
明明下方有空白,但是table只能显示一部分,但是屏幕一缩放,高度就恢复了,打开控制台发现
el-table__body-wrapper自适应失败,网上说是element的bug,改变思路,在element官方文档中发现了如下方法
当获取数据后,对table进行重新渲染
代码如下
this.$nextTick(() => {
this.$refs.tableData.doLayout();
});
每当调用获取table数据的方法后调用一下