在组件的angular项目用npm安装primeng的官方包:
详细做法参见官方网址:https://www.primefaces.org/primeng/showcase/#/setup
在使用到p-table控件的module中导入
import {TableModule} from 'primeng/table';
@NgModule({
imports: [TableModule]
})
在组件中使用p-table,[value]属性是要绑定表现在表格中的数据, "dikuai"是ts文件中获取的一个对象数组。dikuai的数据结构如图:
可以看到dikuai是Array()类型数据。
在<p-table></ptable>中循环数据,[value]相当于常规使用 *ngfor item of items 中的items,<ng-template pTemplate="body" let-dikuai >let-dikuai相当于item,两者结合使用,完成一个ngfor(primeng代码设计很古怪。。)
<p-table #dt [value]="dikuaies" [rows]="10" [showCurrentPageReport]=