title: reset p-table from ts page
body: <p>i am using <a href="https://primefaces.org/primeng/#/table" rel="nofollow noreferrer">Primeng table</a> and after adding data to it, i want to reset the data- so it would show the new data. 
  On the table, i am using "refresh" button, that call dt.reset()</p>
  
  <h2>html</h2>
  
  <pre><code>&lt;p-table #dt [value]="pagedTasks"&gt;
  ..
  &lt;p-button icon="fa fa-refresh" iconPos="left" (click)="dt.reset()"&gt;&lt;/p-button&gt;
  </code></pre>
  
  <p>if i clicked the button manually, the data get refreshed, i am trying to mimic the same functionality but from <code>ts</code> page.</p>
  
  <h2>ts</h2>
  
  <pre><code>..
  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"
    }
  }
  </code></pre>
  
  <p><code>refresh</code> <strong>function</strong> is getting called from other component, so the call is not shown here..</p>
  
  <p>How can i achieve that?</p>