最近接到一个需求,要求展示机构信息,机构分为若干层,有从属关系,且要展示字段较多,所以第一时间想到了ElementUI中Table组件的树形展示,效果如下图。 机构信息树形列表 相关代码 <template> <div> <el-table :data="tableData" style="width: 100%;margin-bottom: 20px;" row-key="id" border lazy // 使用...
使用el-table 实现树形数据懒加载、点击行展开、每次只展示一条数据(大类)以及自定义表格合计值 1. 使用 el-table 实现树形数据懒加载 实现必需条件: lazy :load=“loadNode” :tree-props=“{ children: ‘children’, hasChildren: ‘hasChildren’ }” 注意:特别是第3条,后端接口必须传给你"has...