import { Component, OnInit } from '@angular/core' ;
import { NodeService } from './nodeservice' ;
import { TreeNode } from 'primeng/api' ;
@Component({
selector: 'app-root' ,
templateUrl: './app.component.html' ,
})
export class AppComponent {
tableData: TreeNode[];
cols: any[];
constructor(private nodeService: NodeService) { }
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: '55' ,
},
children: [
{
data: {
name: 'H' ,
age: '20' ,
},
},
{
data: {
name: 'I' ,
age: '24' ,
},
},
],
},
{
data: {
name: 'J' ,
age: '55' ,
},
children: [
{
data: {
name: 'K' ,
age: '20' ,
},
},
{
data: {
name: 'L' ,
age: '24' ,
},
},
],
},
{
data: {
name: 'M' ,
age: '55' ,
},
children: [
{
data: {
name: 'N' ,
age: '20' ,
},
},
{
data: {
name: 'O' ,
age: '24' ,
},
},
],
},
{
data: {
name: 'P' ,
age: '55' ,
},
children: [
{
data: {
name: 'Q' ,
age: '20' ,
},
},
{
data: {
name: 'R' ,
age: '24' ,
},
},
],
},
{
data: {
name: 'S' ,
age: '55' ,
},
children: [
{
data: {
name: 'T' ,
age: '20' ,
},
},
{
data: {
name: 'U' ,
age: '24' ,
},
},
],
},
];
}
}
|