el-table原始列表转换成树形数据

element-ui的el-table可以显示树形数据,不过对数据格式有要求,只有带children属性的行才能树形展开和收起,假设原始数据是json列表,数据已经按colx排序,我们希望在el-table中同colx值得只显示一条,有多条数据的可以树形展开和收起。下面我们用js来实现,该转换功能在node后端或者javascript前端都可以。

function tree(list){
	if (list.length==0) return [];
	let newlist=[list[0]];
	
	for (let i=1;i<list.length;i++) {
		if (list[i]["colx"]===newlist[newlist.length-1]["colx"]) { 
			if (newlist[newlist.length-1]["children"]==undefined) {
				newlist[newlist.length-1]["children"]=[list[i]]
				}
			else { newlist[newlist.length-1]["children"].push(list[i]); }
			}
		else {
			newlist.push(list[i]);
			}
		}
	return newlist;
	}

相关推荐

  1. el-table原始列表转换树形数据

    2024-03-21 16:14:05       37 阅读
  2. 前端将列表数据转换树形数据的函数

    2024-03-21 16:14:05       39 阅读
  3. el-table 树状表格查询符合条件的数据

    2024-03-21 16:14:05       27 阅读
  4. 数字转换树形DP)

    2024-03-21 16:14:05       25 阅读
  5. el-table 树状表格展开及折叠

    2024-03-21 16:14:05       30 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-03-21 16:14:05       98 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-03-21 16:14:05       106 阅读
  3. 在Django里面运行非项目文件

    2024-03-21 16:14:05       87 阅读
  4. Python语言-面向对象

    2024-03-21 16:14:05       96 阅读

热门阅读

  1. blender记一下法线烘焙

    2024-03-21 16:14:05       39 阅读
  2. 在springboot中利用Redis实现延迟队列

    2024-03-21 16:14:05       40 阅读
  3. 【linux】grep 命令

    2024-03-21 16:14:05       44 阅读
  4. 【AI】计算机视觉是什么

    2024-03-21 16:14:05       44 阅读
  5. Linux运维_Bash脚本_编译安装PHP-7.4.28

    2024-03-21 16:14:05       38 阅读