angular - reiniciar p-table desde la página ts

Estoy usando la tabla Primeng y después de agregar datos a ella, quiero resetear los datos para que muestre los datos nuevos. En la tabla, estoy usando el botón "refresh", que llama a dt.reset()

html

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

si hago clic en el botón manualmente, los datos se actualizan, estoy intentando imitar la misma funcionalidad pero desde la página 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"
  }
}

La función refresh está siendo llamada desde otro componente, por lo que la llamada no se muestra aquí..

¿Cómo puedo lograr eso?

Respuesta #1

no estoy seguro por qué, pero cambié

import { TableModule } from 'primeng/table'; 

a :

import { Table } from 'primeng/table'; 

Tabla en lugar de TableModule

y comenzó a funcionar, ¿por qué es esto?