import { Component, OnInit, ViewChild }
from "@angular/core";
import { TreeNode } from "primeng/api";
import { MessageService } from "primeng/api";
@Component({
selector: "app-root",
templateUrl: "./app.component.html",
providers: [MessageService]
})
export class AppComponent {
tableData: TreeNode[];
cols: any[];
constructor(private messageService: MessageService) { }
ngOnInit() {
this.cols = [
{ field: "name", header: "First Name" },
{ field: "age", header: "Age" }
];
this.tableData = [
{
data: {
name: "A",
age: "40"
},
children: [
{
data: {
name: "B",
age: "16"
}
},
{
data: {
name: "C",
age: "14"
}
}
]
},
{
data: {
name: "D",
age: "55"
},
children: [
{
data: {
name: "E",
age: "20"
}
},
{
data: {
name: "F",
age: "24"
}
}
]
},
{
data: {
name: "G",
age: "32"
},
children: [
{
data: {
name: "H",
age: "20"
}
},
{
data: {
name: "I",
age: "24"
}
}
]
},
{
data: {
name: "J",
age: "64"
},
children: [
{
data: {
name: "K",
age: "20"
}
},
{
data: {
name: "L",
age: "24"
}
}
]
},
{
data: {
name: "M",
age: "12"
},
children: [
{
data: {
name: "N",
age: "20"
}
},
{
data: {
name: "O",
age: "24"
}
}
]
},
{
data: {
name: "P",
age: "34"
},
children: [
{
data: {
name: "Q",
age: "20"
}
},
{
data: {
name: "R",
age: "24"
}
}
]
},
{
data: {
name: "S",
age: "43"
},
children: [
{
data: {
name: "T",
age: "20"
}
},
{
data: {
name: "U",
age: "24"
}
}
]
}
];
}
}