p-datatable primeng 不起作用，未显示

Question

我正在尝试使用primeng数据表，我已经导入了组件，但它没有显示，也没有显示错误

在html中

 <p-dataTable [value]="pessoas" scrollable="true" scrollHeight="200px" [rows]="20" virtualScroll="virtualScroll" [style]="{'margin-top':'30px'}"
                                [lazy]="true">
                                <p-header>Virtual Scrolling - 250K Rows</p-header>
                                <p-column field="codigo" header="codigo"></p-column>
                                <p-column field="nome" header="nome"></p-column>                                
                            </p-dataTable>

在组件中

   public pessoas = [
        {codigo: '01', nome: 'Pessoas 1'},
        {codigo: '02', nome: 'Pessoas 2'},
        {codigo: '03', nome: 'Pessoas 3'},
        {codigo: '04', nome: 'Pessoas 4'},
        {codigo: '05', nome: 'Pessoas 5'}
    ];

在 app.modules.ts 中有。

import {DataTableModule} from 'primeng/components/datatable/datatable';

Answer 1

PrimeNG 需要知道存储的记录总数。只需将[totalRecords]="5" 添加到您的<p-datatable> 标签即可。

我也认为导入应该是这样的：

import { DataTableModule } from 'primeng/primeng';