Angular合并单元格

背景

对结果进行展示时，需要对数据相同的列进行合并，具体效果如下：

环境

• @Angular/cli@11.0.7
• ng-devui@11.0.0

操作

• 先对数据源进行处理

  原始数据源数据格式如下：

  export const students = [
  	{
        school: 'hx', grade: 'one', name: 'xm', course: 'math', fraction: '80', average: '80' },
  	{
        school: 'hx', grade: 'one', name: 'xm', course: 'chinese', fraction: '81', average: '80' },
  	{
        school: 'hx', grade: 'one', name: 'xm', course: 'english', fraction: '82', average: '80' },
  	{
        school: 'hx', grade: 'one', name: 'zy', course: 'math', fraction: '80', average: '80' },
  	{
        school: 'hx', grade: 'one', name: 'zy', course: 'chinese', fraction: '81', average: '80' },
  	{
        school: 'hx', grade: 'one', name: 'zy', course: 'english', fraction: '82', average: '80' },
  	{
        school: 'hx', grade: 'two', name: 'xh', course: 'math', fraction: '80', average: '80' },
  	{
        school: 'hx', grade: 'two', name: 'xh', course: 'chinese', fraction: '81', average: '80' },
  	{
        school: 'hx', grade: 'two', name: 'xh', course: 'english', fraction: '82', average: '80' },
  ];
  

  需将数据源中相同的列进行合并，同时，对cource列进行行转列，转换后数据格式如下：

  export const ss = [
  	{
       
  		type: 'fraction',
  		child: [
  			{
       
  				school: 'hx',
  				child: [
  					{
       
  						grade: 'one',
  						child: [