Welcome to vbt-Table 👋

一款基于element-ui(2.9.1)扩展的支持树形表格的大数据表格组件

$3

- 渲染树形数据时，必须要指定 row-key和isTreeTable属性， row 中包含 children字段。
- 支持子节点数据异步加载。设置 Table 的 lazy 属性为 true 与加载函数 load 。通过指定 row 中的 hasChildren 字段来指定哪些行是包含子节点。
- children 与 hasChildren 都可以通过 tree-props 配置。
- 大数据滚动渲染需指定isBigData属性,支持树形表格大数据.
- 其它用法和elment-ui的table组件一样

🎲 新增 Table Attributes

| 参数 | 说明 | 参数 | 类型 | 可选值 | 默认值 |
|---------- |-------------- | ---- |---------- |-------------------------------- |-------- |
| initParentFunc | 用于初始化父级树形表格数据时处理数据| row,treeData | Function | — | — |
| formateChildFunc | 展示子级树形表格数据时处理数据 | row,parentRow,treeData | Function | — | — |
| isBigData | 大数据滚动渲染| — | Boolean | — | — |
| isTreeTable | 树形表格 | — | Boolean | — | — |
| scrollYRenderConfig | 大数据滚动的配置选项 | — | Object | renderSize：一次渲染多少条数据；offsetSize：预渲染多少条数据 | { renderSize: 30, offsetSize: 10 } |

- initParentFunc方法，用于初始化父级树形表格数据时处理数据，抛出当前处理的父级rowData和树形设置属性对象（当传入的data发生变化时执行）

``
// 设置父级初始值
initParentFunc(row,treeData) {
console.log(row，treeData)
row.disabled = true
},
`

- formateChildFunc方法，用于初始化子级树形表格数据时处理数据，抛出当前处理的子级rowData和parentRow，treeData（当展开子级动作发生时执行）


`
formateChildFunc(row, parent，treeData) {
console.log(row,parent，treeData)
if(parent.name) row.name = parent.name
},
`

✨ Demo

##### 1.大数据支持
- 效果
!images command

##### 2.大数据树形表格支持
- 效果
!images command

##### 3.大数据树形表格懒加载支持
- 效果
!images command

🐶 code

`

``

Show your support

Give a ⭐️ if this project helped you!