虽然我对角度非常新,但我在使用ngx-DataTable时遇到了一些困难。我使用简单的ngx-DataTable进行简单的操作。问题出现在一个列上,尽管我已将attr声明为[sortable] = true,但排序仍无法正常工作。这是代码。 表定义:
<ngx-datatable
[columns]="columns"
[columnMode]="'force'"
[headerHeight]="40"
[footerHeight]="50"
[rowHeight]="'auto'"
[limit]="10"
[rows]='contacts'>
DataTable包含两列,定义如下:
<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>
我只想让我的名字列可以排序。请帮帮我们。提前谢谢。
答案 0 :(得分:11)
好吧,它解决了。实际上,它无法找到可以进行列排序的值。所以我只是在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>