对不工作Angular 4的列进行ngx-DataTable排序 [英] ngx-DataTable sort on a column not working Angular 4

问题描述

虽然我对角度非常新，但我在使用ngx-DataTable时遇到了一些困难。我使用简单的ngx-DataTable进行简单的操作。问题出在一个列上，虽然我已经将attr声明为[sortable] = true，但排序不起作用。这是代码。
表定义：

Though i'm very much new to angular, i'm facing some difficulties using ngx-DataTable. I am using simple ngx-DataTable for simple operations. The problem is on a column, sort is not working though i've declared attr as [sortable]=true. Here's code. Table Definition:

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

DataTable包含两列，定义如下：

DataTable Contains two columns and Definitions are as as follows.

    <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>

我只想让我的名字列可以排序。请帮帮我们。在此先感谢。

I just want to make my name column sortable. Please help me guys. Thanks in advance.

推荐答案

好吧，它解决了。实际上它无法找到可以进行列排序的值。所以我只是在 ngx-datatable-column 声明中写了 prop ='first_name'，让它知道到底是什么像这样排序。

Well it solved. Actually it can't find the values where it can make column sort. so i just written prop='first_name' in ngx-datatable-column declaration to let it know what is being to sort, like this.

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

这篇关于对不工作Angular 4的列进行ngx-DataTable排序的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！