Angular 7+ree树表格组件

Angular 7+ree树表格组件
插件名称 debabratapatra
发布时间 2020年4月23日

一个Angular 7的表格上显示分层数据。数据是否具有父子关系。如果数据需要按字段分组。

安装:

# NPM
$ npm install angular-tree-grid --save

用法:

1.在您的应用程序模块中导入NgtreegridModule模块。

import {AngularTreeGridModule} from 'angular-tree-grid';

2.将其添加到导入数组。

@NgModule({
      imports: [
        AngularTreeGridModule
      ]
    })

数据:

数据应如下所示。数据应具有“id”字段(id)和“parent”字段(parent),这是ID的外键。当然,这些字段是可配置的。

data= [
    { id: 1, name: 'Ashok', age: 60, parent: 0},
    { id: 2, name: 'Sam', age: 40, parent: 1},
    { id: 3, name: 'Sriya', age: 36, parent: 1},
    { id: 4, name: 'Prakash', age: 20, parent: 2},
    { id: 5, name: 'Sneha', age: 21, parent: 3},
    { id: 6, name: 'Pritam', age: 60, parent: 34},
    { id: 7, name: 'Roshan', age: 40, parent: 6},
    { id: 8, name: 'Suraj', age: 36, parent: 6},
    { id: 9, name: 'Swarup', age: 20, parent: 8},
    { id: 10, name: 'Aditya', age: 21, parent: 8},
  ];