title: Data table not reloading - primeNG
body: <p>I am working on an angular project that displays a set of data.
  For that I am using <a href="https://www.primefaces.org/primeng/#/datatable" rel="nofollow noreferrer">primeNG</a> data table. Everything works fine but when I delete an entry from the data source the data table is not refreshing I can still see the deleted entry in the table. Any help will be appreciated.</p>
  
  <p>mycomponent.html</p>
  
  <pre><code> &lt;p-dataTable [value]="tabledata"&gt;
      &lt;p-column field="vin" header="Vin"&gt;&lt;/p-column&gt;
      &lt;p-column field="year" header="Year"&gt;&lt;/p-column&gt;
      &lt;p-column field="brand" header="Brand"&gt;&lt;/p-column&gt;
      &lt;p-column field="color" header="Color"&gt;&lt;/p-column&gt;
  &lt;/p-dataTable&gt;
  </code></pre>
  
  <p>iam slicing the datasource on deletion</p>
  
  <p>mycomponent.ts</p>
  
  <pre><code>this.tabledata.slice(this.tabledata.indexOf(datatodelete), 1); 
  </code></pre>