# Tree-form

**Repository Path**: GrapeCity/tree-form

## Basic Information

- **Project Name**: Tree-form
- **Description**: 文章《提升数据可视化：拖拽编辑自动汇总，树形数据表格展示新方式》
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2023-11-06
- **Last Updated**: 2023-11-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

首先请确保您有node环境:https://www.jianshu.com/p/09cfcc82294e

安装依赖

```
npm i
```

使用live-server启动服务

```
live-server
```

如果未安装live-server，需要安装后再试
```
npm install live-server -g
```

t.ssjson是模板文件，数据在data.js中。

已实现功能：

1. 点击序号 实现子集的展开折叠
2. 拥有子集的行，不可进行编辑
3. 修改任何数据后，父级合计数据自动重算
4. 在行头鼠标右键，插入同级行、插入子级行、删除行
5. 拖动行，可将当前行及其子级拖入目标行的子级
6. 按住ctrl shift拖动行，可将当前行及其子级拖入目标行的同级
7. 总计行设置数据校验，校验不通过 右上角三角提示，鼠标悬浮出现批注框提示，背景颜色改变
8. 支持加载新数据，界面标题跟随变化
9. 项目类别和名称 根据层级缩进
10. 粘贴时，跳过父级行
11. 导出为excel时，将自动求和的父级单元格修改为公式求和

如果您想了解更多关于表格插件的信息，欢迎访问：https://www.grapecity.com.cn/developer/spreadjs