title: ngx-datatable, trigger column sort
body: <p>I'm having some problems trying to manuallky trigger sorting the rows in a ngx-datatable.
  The scenario is that on small devices i'm moving some of the columns from the header to a ngx-datatable-row-detail, but when i try to invoke a customSort function, the rows in the ngx-datatable is not being sorted as i would expect.</p>
  
  <p>The template looks like this:</p>
  
  <pre><code>&lt;ngx-datatable #myTable [columnMode]="'flex'"
                     [rows]="_appointments"
                     [rowHeight]="'auto'"
                     [sorts]="listProps.currentSort"
                     (sort)="sorted($event)"
                     [columns]="_tableColumns"&gt;
  
          &lt;ngx-datatable-row-detail [rowHeight]="'auto'" #myDetailRow&gt;
              &lt;ng-template let-row="row" let-expanded="expanded" ngx-datatable-row-detail-template&gt;
                  &lt;div class="ngx-table-toogle hidden-md"&gt;
                      &lt;div [class.visible-xs]="myCol.collapse_xs" [class.visible-sm]="myCol.collapse_sm" *ngFor="let myCol of _collapsedTableColumns"&gt;
                          &lt;div class="col-xs-12 col-sm-4" [class.sortable]="myCol.sortable" (click)="onCustomSort(myCol.prop,myCol.sortable)"&gt;
                              &lt;div class="detail-row-header"&gt;
                                  {{myCol.name}}
                                  &lt;span [class.sort-btn]="myCol.sortable" [class.sort-desc]="isSortedBy(myCol.prop,'desc')" [class.sort-asc]="isSortedBy(myCol.prop,'asc')"&gt;&lt;/span&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class="col-xs-12 col-sm-8"&gt;
                              &lt;span class="detail-row-data"&gt;{{getVal(row,myCol.prop)}}&lt;/span&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/ng-template&gt;
          &lt;/ngx-datatable-row-detail&gt;
  </code></pre>
  
  <p>And the onCustomSort method like:</p>
  
  <pre><code> onCustomSort(sortCol: string, sortable:boolean) {
          if (!sortable)
              return;
  
          let curdir = this.listProps.currentSort[0].dir === SortDirection.desc ? SortDirection.asc : SortDirection.desc;
          // Hmm, doesn't trigger a resorting of the table.
          this.listProps.currentSort = [{ prop: sortCol, dir: curdir }];
          this.table.sorts = this.listProps.currentSort;
  
      }
  </code></pre>
  
  <p>I would expect that modifying <code>this.listProps.currentSort</code> would trigger a resort of the table because it is bound to <code>[sorts]="listProps.currentSort"</code> but nothing happens.</p>
  
  <p>Any ideas?</p>