Question

如何实现具有不同子级别标头的primeng树表？我正在使用Angle 7和Primeng V7 数据如下：

 {
      "label":"Parent 1",
      "data":{
          "name":"Parent 1"
      },
      "children": this.resultData1
  },
  {
    "label":"Parent 2",
    "data":{
        "name":"Parent 2"
    },
    "children": this.resultData2
}

子元素是

resultData1 : Array<any> = [
    {data:{"status":"OK","AppId":"dsil1","GenId":"123"}},
    {data:{"status":"OK","AppId":"dsil2","GenId":"124"}},
    {data:{"status":"OK","AppId":"dsil3","GenId":"125"}},
    {data:{"status":"OK","AppId":"dsil4","GenId":"126"}}
    ]
 resultData2 : Array<any> = [
    {data:{"ID":"123","print":"NO","execTime":"02-16-2020"}},
    {data:{"ID":"124","print":"NO","execTime":"02-14-2020"}},
    {data:{"ID":"125","print":"YES","execTime":"01-16-2020"}},
    {data:{"ID":"126","print":"YES","execTime":"12-11-2019"}}
]

Answer 1

我不确定，我认为唯一的方法是使所有字段在数据模型中为空。您可以通过使用“名称”字段作为treeTableToggler来建立一级树。

export interface Data {
  name?: string;
  status?: string;
  AppId?: string;
  GenId?: string;
  ID?: string;
  print?: string;
  execTime?: string;
}

export interface TreeNodeModel {
  data: Data;
  children: Array<TreeNodeModel>;
}

Primeng树表中的不同子级别标题

1 个答案: