import { Component, OnInit } from "@angular/core";
import { TreeNode } from "primeng/api";
import { MessageService, MenuItem } from "primeng/api";
@Component({
selector: "app-root",
templateUrl: "./app.component.html",
providers: [MessageService]
})
export class AppComponent {
gfg1: TreeNode[];
cols: any[];
mycols: any[];
ngOnInit() {
this.gfg1 = [
{
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"
}
}
]
}
];
this.cols = [
{ field: "name", header: "First Name" },
{ field: "age", header: "Age" }
];
this.mycols = this.cols;
}
}