<div id="demo"></div>

var layout = [
        {name: '菜单名称', treeNodes: true, headerClass: 'value_col', colClass: 'value_col', style: 'width: 60%'}
];

layui.use(['tree', 'layer', 'form'], function(){
              var layer = layui.layer, $ = layui.jquery;
              var form = layui.form();
          
              layui.treeGird({
                elem: '#demo',   //传入元素选择器
                nodes: [
                          {
                              "id": "1",
                              "name": "父节点1",
                              "children": [
                                  {
                                      "id": "11",
                                      "name": "子节点11"
                                  },
                                  {
                                      "id": "12",
                                      "name": "子节点12"
                                  }
                              ]
                          },
                          {
                              "id": "2",
                              "name": "父节点2",
                              "children": [
                                  {
                                      "id": "21",
                                      "name": "子节点21",
                                      "children": [
                                          {
                                              "id": "211",
                                              "name": "子节点211"
                                          }
                                      ]
                                  }
                              ]
                          }
                ],
                layout:layout
            });
        });

var layout = [
        {name: '菜单名称', treeNodes: true, headerClass: 'value_col', colClass: 'value_col', style: 'width: 60%'},
        {name: '操作', headerClass: 'value_col', colClass: 'value_col', style: 'width: 20%', render: function(row) {
            return '<a class="layui-btn layui-btn-danger layui-btn-mini" onclick="del('+row.id+')"><i class="layui-icon">&#xe640;</i> 删除</a>';   //列渲染
        }},
];