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包含两列,定义如下。

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

我只想使我的名称列可排序。请帮助我。提前致谢。

亚什玛吉西亚

好了,解决了。实际上,它找不到可以对列进行排序的值。所以我只是写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>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

Angular 4 Ngx平移管道不起作用

Ngx-Datatable 按日期列排序不起作用

Angular ngx-datatable 固定列宽不起作用

带有ngx无限滚动的Angular 4

ngx-datatable cellClass不起作用

在Angular 4中为ngx-datatable设置固定高度

ngx-translate在含离子4的设备上不起作用

Angular 4 中的 ngx-pagination. 如何获取页码?

datepicker ngx-bootstrap和Validators Angular 4错误

ngx datatable是否具有列重新排序事件Angular

Angular 9 的 ngx-translate 在 IE 中不起作用

ngx-bootstrap下拉列表未打开angular 4 bootstrap 4

如何使用 ngx-pagination 在 ionic4 app 中对数据进行分页?

页面刷新后,angular4中的ngx-translate切换回英语

如何在Angular 4及更高版本的ngx-select中获取默认选择的值?

ngx-bootstrap-选项卡Angular 4-路由器导航

没有为CarouselComponent ngx-boostrap和angular 4应用程序提供程序

路由器导航到ngx-bootstrap选项卡Angular 4

找不到Ionic4 Angular7 ngx-translate管道

Angular 4 服务器端渲染 ngx-bootstrap carousel 使响应挂起

Angular 4 Ngx-datatable筛选器无效对象为空,但已访问(即使有条件)

带有 API 数据的 ngx-datatable 详细信息行不起作用

导入角度为4的Leaflet Draw NGX

单独的列过滤器,而不会影响在Angular 4或5中动态加载的现有ngx数据表功能

我正在使用 ngx-bootstrap datepickerdatesEnabled 不起作用

ngx datepicker快速选择范围不起作用

ngx-mat-select-search不起作用

ngx-image-cropper样式不起作用

ngx-translate在iOS设备上不起作用(Cordova)