title: Angular ngx-datatable not refreshing
body: <p>I have tried below code, everything seems okay(not getting any error and even data is there from api call) but at last I am getting an empty table.</p>
  
  <p><code>*reloadTable*</code> is the function which calls the API. </p>
  
  <p><strong>Data from API call :</strong>
  <a href="https://i.stack.imgur.com/SfkuW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SfkuW.png" alt="enter image description here"></a></p>
  
  <p><strong>Empty table :</strong>
  <a href="https://i.stack.imgur.com/1OFEh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1OFEh.png" alt="enter image description here"></a></p>
  
  <pre><code>@Component({
        selector: 'app-my-component',
        template: `
          &lt;ngx-datatable
            class="bootstrap table table-striped"
            [rows]="rows"
            [columns]="columns"
            [columnMode]="'force'"
            [headerHeight]="50"
            [footerHeight]="50"
            [rowHeight]="'auto'"
            [externalPaging]="true"
            [externalSorting]="true"
            [count]="page.count"
            [offset]="page.offset"
            [limit]="page.limit"
            [sortType]="'single'"
            (page)="pageCallback($event)"
            (sort)="sortCallback($event)"
          &gt;&lt;/ngx-datatable&gt;
        `
      })
  
      export class NGXServerSide implements OnInit {
        rows: Object[]=[];      
        columns = [
          { name: 'EmployeeID' },
          { name: 'Name' },
          { name: 'City' },
          { name: 'Department' },
          { name: 'Gender' },
        ];         
        constructor(private httpClient: HttpClient, private _employeeService: EmployeeService) { }
  
        ngOnInit() {
          this.pageCallback({ offset: 1 });
        }
      pageCallback(pageInfo: { count?: number, pageSize?: number, limit?: number, offset?: number }) {
          this.page.offset = pageInfo.offset;
          this.reloadTable();
        }        
      reloadTable() {
      const params = this.addTableParams();// params for api input
      this._employeeService.getSortedPagedResults(params).subscribe((res: Response) =&gt; {
       for (var i in res)       
       this.rows.push([res[i]]);
       this.page.count=1;
       });
       }  
      }
  </code></pre>