ngx-DataTable 在列上排序不起作用 Angular 4

Question

虽然我对 angular 还很陌生，但我在使用 ngx-DataTable 时遇到了一些困难。我使用简单的 ngx-DataTable 进行简单操作。问题出在列上，尽管我已将 attr 声明为 [sortable]=true，但排序不起作用。这是代码。 Table定义：

 <ngx-datatable
                [columns]="columns"
                [columnMode]="'force'"
                [headerHeight]="40"
                [footerHeight]="50"
                [rowHeight]="'auto'"
                [limit]="10"
                [rows]='contacts'>

数据Table包含两列，定义如下

    <ngx-datatable-column
                        [width]="50"
                        [resizeable]="true"
                        [sortable]="true"
                        [draggable]="true"
                        [canAutoResize]="true" name="Name">
       <ng-template let-row="row" ngx-datatable-cell-template>
          <span>{{row.first_name}}</span>
       </ng-template>
   </ngx-datatable-column>

    <ngx-datatable-column
                        [width]="50"
                        [resizeable]="true"
                        [sortable]="true"
                        [draggable]="true"
                        [canAutoResize]="true" name="Actions">
        <ng-template let-row="row" let-rowIndex="rowIndex" ngx-datatable-cell-template>
      <!--Template Here-->
        </ng-template>
   </ngx-datatable-column>

我只想让我的姓名列可排序。请帮帮我。提前致谢。

Answer 1

好了，解决了。实际上它找不到可以对列进行排序的值。所以我只是在 ngx-datatable-column 声明中写了 prop='first_name' 让它知道要排序的内容，就像这样。

<ngx-datatable-column
    [width]="50"
    [resizeable]="true"
    [sortable]="true"
    [draggable]="true"
    [canAutoResize]="true" name="Name" prop="first_name">
</ngx-datatable-column>

ngx-DataTable 在列上排序不起作用 Angular 4

ngx-DataTable sort on a column not working Angular 4

javascript

ngx-datatable

angular