p-datatable primeng не работает, не показывается

Я пытаюсь работать с primeng datatable, я импортировал компонент, но он не отображается и не показывает ошибку

в 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';

1 ответ

Решение

PrimeNG должен знать общее количество сохраненных записей. Просто добавь [totalRecords]="5" на ваш <p-datatable> тег.

Также я думаю, что импорт должен быть таким:

import { DataTableModule } from 'primeng/primeng';
Другие вопросы по тегам