vxe-table 插入新列
时间: 2023-09-07 16:18:00 浏览: 423
vxe-table vue表格解决方案 v2.11.0.zip
要在 vxe-table 中插入新列,需要执行以下步骤:
1. 在表格的列定义中添加一个新的列对象,该对象包含新列的属性和配置。例如:
```
columns: [
// ...其他列...
{
field: 'newColumn',
title: '新列标题',
width: 150,
sortable: true,
// ...其他配置...
}
]
```
2. 在表格的数据源中添加新列的数据,例如:
```
data: [
{ id: 1, name: '张三', age: 20, newColumn: '新列数据1' },
{ id: 2, name: '李四', age: 25, newColumn: '新列数据2' },
// ...其他数据...
]
```
3. 在表格实例中调用 refreshColumn 方法,将新列刷新到表格中:
```
this.$refs.table.refreshColumn();
```
这样就可以在 vxe-table 中插入新列了。注意,如果表格的数据源是异步加载的,需要在数据加载完成后再调用 refreshColumn 方法。
阅读全文