layui树形表格，树表组件 tree.customName把name更换成title或者自定义字段教程

admin

layui树形表格，树表组件 tree.customName把name更换成title或者自定义字段教程
默认效果图：

默认代码：

1. var inst = treeTable.render({
   
2. elem: '#ID-treeTable-demo',
   
3. url: '/static/json/2/treeTable/demo-1.json', // 此处为静态模拟数据，实际使用时需换成真实接口
   
4. tree: {
   
5. /*
   
6. // 异步加载子节点
   
7. async: {
   
8. enable: true,
   
9. url: '/static/json/2/treeTable/demo-async.json', // 此处为静态模拟数据，实际使用时需换成真实接口
   
10. autoParam: ["parentId=id"]
    
11. }
    
12. */
    
13. },
    
14. maxHeight: '501px',
    
15. toolbar: '#TPL-treeTable-demo',
    
16. cols: [[
    
17. {type: 'checkbox', fixed: 'left'},
    
18. {field: 'id', title: 'ID', width: 80, sort: true, fixed: 'left'},
    
19. {field: 'name', title: '用户名', width: 180, fixed: 'left'},
    
20. {field: 'sex', title: '性别', width: 80, sort: true},
    
21. {field: 'experience', title: '积分', width: 90, sort: true},
    
22. {field: 'city', title: '城市', width: 100},
    
23. { fixed: "right", title: "操作", width: 190, align: "center", toolbar: "#TPL-treeTable-demo-tools"}
    
24. ]],
    
25. page: true
    
26. });

复制代码

用户名展开默认是name才行。
把name修改成title后。

效果如图所示：

解决方案代码如下：

游客，如果您要查看本帖隐藏内容请回复