2017-11-27 6 views
1

나는 primeng 데이터 테이블에서 작동하도록 노력하고, 내가 구성 요소를 가져온하지만이 표시되지 않습니다 표시되지 않고는 HTML에 오류P-데이터 테이블 primeng는

를 표시하지 않습니다 작동하지 않습니다

app.modules.ts에서 구성 요소

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

에서

<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> 

이 있습니다.

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

답변

1

PrimeNG는 저장된 총 레코드 수를 알아야합니다. <p-datatable> 태그에 [totalRecords]="5"을 추가하기 만하면됩니다. 이 댓글에 표시로도 가져, 내가 설치 명령 NPM과 NPM을 다시 설치했습니다 어떤 이유로,

import { DataTableModule } from 'primeng/primeng'; 
+0

감사하고 그것을 해결되었다 :

또한 내가 가져 오기가 같이 있어야한다고 생각합니다. –