p型のDataTable primengは、それが

Question

私はprimengデータテーブルで動作するようにしようとしていますが、私は部品を輸入しているが、それは示されていない示されていないと、それはHTMLでエラー

が表示されない、動作しない

app.modules.tsで

<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'} 
    ]; 

有します。

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

Answer 1

PrimeNGは、格納されたレコードの総数を知る必要があります。 <p-datatable>タグに[totalRecords]="5"を追加するだけです。このコメントに示しているようにもインポートし、私はinstallコマンドをNPMとNPMを再インストールしなければならなかったいくつかの理由で、

import { DataTableModule } from 'primeng/primeng';