web-dev-qa-db-ja.com

列でngx-DataTableソートが機能しないAngular 4

私はangularに非常に慣れていませんが、ngx-DataTableを使用するいくつかの困難に直面しています。単純な操作のために単純なngx-DataTableを使用しています。問題は列にあり、attrを[sortable] = trueと宣言しましたが、並べ替えが機能しません。これがコードです。テーブル定義：

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

DataTableには2つの列があり、定義は次のとおりです。

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

名前列をソート可能にしたいだけです。みんな助けてください。前もって感謝します。

javascriptangularngx-datatable
10
Yash Majithiya

まあそれは解決しました。実際には、列をソートできる値を見つけることができません。だから私はprop='first_name'ngx-datatable-columnこのように、何をソートするかを知らせる宣言。

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