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: 'David' ,
age: '40' ,
},
children: [
{
data: {
name: 'Nathan' ,
age: '16' ,
},
children: [
{
data: {
name: 'Abe' ,
age: '12' ,
},
},
{
data: {
name: 'Ksi' ,
age: '12' ,
},
},
],
},
{
data: {
name: 'Shane' ,
age: '14' ,
},
},
],
},
{
data: {
name: 'Warner' ,
age: '55' ,
},
children: [
{
data: {
name: 'Michelle' ,
age: '20' ,
},
},
{
data: {
name: 'Charlie' ,
age: '24' ,
},
},
],
},
{
data: {
name: 'Max' ,
age: '55' ,
},
children: [
{
data: {
name: 'Michelle' ,
age: '20' ,
},
},
{
data: {
name: 'Charlie' ,
age: '24' ,
},
},
],
},
{
data: {
name: 'Willy' ,
age: '55' ,
},
children: [
{
data: {
name: 'Michelle' ,
age: '20' ,
},
},
{
data: {
name: 'Charlie' ,
age: '24' ,
},
},
],
},
{
data: {
name: 'Miley' ,
age: '55' ,
},
children: [
{
data: {
name: 'Michelle' ,
age: '20' ,
},
},
{
data: {
name: 'Charlie' ,
age: '24' ,
},
},
],
},
{
data: {
name: 'Sam' ,
age: '55' ,
},
children: [
{
data: {
name: 'Michelle' ,
age: '20' ,
},
},
{
data: {
name: 'Charlie' ,
age: '24' ,
},
},
],
},
{
data: {
name: 'James' ,
age: '55' ,
},
children: [
{
data: {
name: 'Michelle' ,
age: '20' ,
},
},
{
data: {
name: 'Charlie' ,
age: '24' ,
},
},
],
},
];
}
}
|