首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >ngx-DataTable排序列不工作角度4

ngx-DataTable排序列不工作角度4
EN

Stack Overflow用户
提问于 2018-01-17 18:52:37
回答 1查看 17.6K关注 0票数 11

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

代码语言:javascript
复制
 <ngx-datatable
                [columns]="columns"
                [columnMode]="'force'"
                [headerHeight]="40"
                [footerHeight]="50"
                [rowHeight]="'auto'"
                [limit]="10"
                [rows]='contacts'>

DataTable包含两列,定义如下。

代码语言:javascript
复制
    <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>

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

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-01-17 21:44:41

好了,问题解决了。实际上,它找不到可以进行列排序的值。所以我只是在ngx-datatable-column声明中编写了prop='first_name',让它知道要排序的是什么,如下所示。

代码语言:javascript
复制
<ngx-datatable-column
    [width]="50"
    [resizeable]="true"
    [sortable]="true"
    [draggable]="true"
    [canAutoResize]="true" name="Name" prop="first_name">
</ngx-datatable-column>
票数 25
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/48299331

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档