# 基于layui的树表格-treeGrid
**Repository Path**: chrismayday/tree_table_treegrid_based_on_layui
## Basic Information
- **Project Name**: 基于layui的树表格-treeGrid
- **Description**: 基于layui的树表格-treeGrid
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No
## Statistics
- **Stars**: 0
- **Forks**: 81
- **Created**: 2018-09-18
- **Last Updated**: 2020-12-19
## Categories & Tags
**Categories**: Uncategorized
**Tags**: None
## README
**
### 版本更新说明：
**
20180913
1、增加table级别的heightRemove参数，用法在例子上面有，可自行查看
,heightRemove:[".calss","#id",10]//不计算的高度,表格设定的是固定高度，此项不生效
201800912
1、当前版本定为v0.1
2、只依赖treeGrid.js（去掉dltable.js和treeGrid.css依赖）
20180830
1、规范内部表格级参数与列级参数（全部列级别的参数需以lay_开头，请务必注意）
----------------------------------------------------------------------------------
**
### 基于layui的树表格-treeGrid
**
**在线[demo](http://beijiyi.com/)【此服务器配置不是一般低，请耐心等待片刻，谢谢！】**
**效果图：**
折叠记忆
新增节点-
删除节点
删除多个节点
节点初始化隐藏、显示控制1
1设置
{"id":"111", "pId":"1", "name":"苹果","lay_is_open":false}
节点初始化隐藏、显示控制2
多选操作（选中父节点，子节点被选中；全部子节点被选中，父节点也被选中；自己看效果）
**调用例子：**
```
treeGrid
```
```
{
"msg":"","code":0,
"data":[
{"id":"1", "pId":"0", "name":"水果"},
{"id":"101", "pId":"1", "name":"苹果"},
{"id":"102", "pId":"1", "name":"香蕉"},
{"id":"103", "pId":"1", "name":"梨"},
{"id":"10101", "pId":"101", "name":"红富士苹果"},
{"id":"10102", "pId":"101", "name":"红星苹果"},
{"id":"10103", "pId":"101", "name":"嘎拉"},
{"id":"10104", "pId":"101", "name":"桑萨"},
{"id":"10201", "pId":"102", "name":"千层蕉"},
{"id":"10202", "pId":"102", "name":"仙人蕉"},
{"id":"10203", "pId":"102", "name":"吕宋蕉"}
]
,"count":29
}
```
例子文件路径：
testTreeGrid/web/index.html
**使用说明：**