el-table 动态添加列后闪动
时间: 2023-11-15 07:07:20 浏览: 103
当el-table动态添加列后出现闪动的问题,可以通过以下两种方法解决:
1. 重写表格样式,不再自动计算表头高度,从而解决表格渲染时的闪烁问题。具体方法是在样式中添加如下代码:
```css
.el-table .cell{
height:20px!important;
}
```
2. 使用element-ui中的doLayout函数解决。具体方法是在代码中添加如下代码:
```javascript
beforeUpdate() {
this.$nextTick(() => {
//在数据加载完,重新渲染表格
this.$refs['table'].doLayout();
})
}
```
以上两种方法都可以解决el-table动态添加列后出现的闪动问题。
阅读全文