title: Table refresh issue in PrimeNG
body: <p>I am displaying data by using <code>p-dataTable</code> in PrimeNG. I have a requirement where user can delete any row data.</p>
  
  <p>I added a logic for deletion but after deletion table is not refreshing.</p>
  
  <p><a href="https://i.stack.imgur.com/cEDi6.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cEDi6.png" alt="enter image description here"></a></p>
  
  <p>Also, I want to stay in the same page number after deletion </p>
  
  <p>Here is my sample code :</p>
  
  <pre><code>&lt;p-dataTable [value]="filteredInv" scrollable="true" scrollHeight="calc(100vh - 300px)" [rows]="list" [paginator]="true" 
      responsive="true" sortField="sku" sortOrder="1" [resizableColumns]="false"  class="custom-pagi" 
      [hidden]="inCall" [(first)]="pageNo" (onPage)="changePage($event)" (onPageChange)="paginate($event)" [rowTrackBy]="rowTrackBy"&gt;
          &lt;p-column title="sku" field="sku" header="SKU" [style]="{'width':'120px'}" styleClass="sku-header border-column text-center" sortable="true"&gt;&lt;/p-column&gt;
          &lt;p-column title="name" field="name" header="Item Name" styleClass="no-border-column-removed text-left"&gt;&lt;/p-column&gt;
          &lt;p-column title="max" field="max" header="Quantity" styleClass="no-border-column-removed text-left"&gt;&lt;/p-column&gt;
          &lt;p-column title="updatedAt" field="updatedAt" header="Date" styleClass="no-border-column-removed text-left"&gt;
              &lt;ng-template let-ri="rowIndex" let-rowdata="rowData" pTemplate="body"&gt;
                  {{(rowdata.updatedAt) | date:'MM/dd/yyyy' }}
              &lt;/ng-template&gt;
          &lt;/p-column&gt;
          &lt;p-column header="Actions" [style]="{'width': '150px'}" styleClass="no-border-column-removed text-left"&gt;
              &lt;ng-template let-ri="rowIndex" let-rowdata="rowData" pTemplate="body"&gt;
                  &lt;md-icon class="fl cursor" (click)="editInventory(rowdata, ri)"&gt;mode_edit&lt;/md-icon&gt;
                  &lt;md-icon class="fl cursor" (click)="deleteSKU(rowdata, ri)" style="margin-left:8px;"&gt;delete&lt;/md-icon&gt;
              &lt;/ng-template&gt;
          &lt;/p-column&gt;
  &lt;/p-dataTable&gt;
  </code></pre>
  
  <p>Here is my deleteSKU() logic</p>
  
  <pre><code>deleteSKU(data, ind) {
  let dialogRef = this.dialog.open(DeletedialogComponent, {
  data: {
  message : data.sku
  }
  });
  dialogRef.afterClosed().subscribe(result =&gt; {
  if (result &amp;&amp; data.id) {
  let indx = this.filteredInv.indexOf(data)
  this.http.removeInven(data.id).subscribe(res =&gt; this.removeRow(indx))
  }
  });
  }
  
  removeRow(indx) {    
    this.filteredInv.splice(indx, 1);
  }
  </code></pre>