# tree-table_JS

**Repository Path**: wu241617/tree-table_js

## Basic Information

- **Project Name**: tree-table_JS
- **Description**: 使用原生 JS 实现，树形表格案例。支持多级数据渲染，新增，删除，编辑等操作。
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 2
- **Forks**: 1
- **Created**: 2021-07-21
- **Last Updated**: 2023-01-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# tree-table_JS

#### 介绍
##### 使用原生 JS 实现，树形表格 。支持数据多级渲染，节点展开，收起，新增，删除，编辑等操作 。
- 数据格式处理：使用递归将一维数组数据转换为树形数据进行相关操作 。
- 数据多级渲染：使用递归方式动态的创建 tr，并添加到根元素上 。
- 节点收起：删除当前操作节点的 children，使用改变后的数据重新初始化表格 。
- 节点展开：使用改变后的数据重新初始化表格 。
- 新增操作：判断当前操作节点有无 children，有添加新增数据项，无新建 children 后，添加新增数据项，使用改变后的数据重新初始化表格 。
- 编辑操作：获取当前操作节点数据，更改保存编辑后，使用改变后的数据重新初始化表格 。
- 删除操作：判断当前操作节点数据，删除该项，使用改变后的数据重新初始化表格 。
。。。。。。