angular - resetare p-table din pagina ts

Folosesc tabelul Primeng și după ce adaug date în el, vreau să resetez datele astfel încât să afișeze noile date. În tabel, folosesc butonul „refresh”, care apelează dt.reset()

html

<p-table #dt [value]="pagedTasks">
..
<p-button icon="fa fa-refresh" iconPos="left" (click)="dt.reset()"></p-button>

dacă am făcut clic pe buton manual, datele se reîmprospătează, încerc să imit aceeași funcționalitate, dar din pagina ts.

ts

..
import { TableModule } from 'primeng/table';
..
export class RenderQueueComponent implements OnInit {
     @ViewChild(TableModule) dt: TableModule;
     ..

  refresh() {
    this.dt.reset(); // property "reset" does not exist on type "TableModule"
  }
}

refresh funcția este apelată dintr-un alt component, deci apelul nu este afișat aici..

Cum pot realiza asta?

Răspuns #1

nu sunt sigur de ce, dar m-am schimbat

import { TableModule } from 'primeng/table'; 

către :

import { Table } from 'primeng/table'; 

Tabel în loc de TableModule

și a început să funcționeze, de ce este așa?