angularjs – 在Angular JS中如何禁用所选列的列排序功能

发布时间：2020-12-17 07:53:29 所属栏目：安全来源：网络整理

导读：在jquery数据表中,我可以禁用特定的列排序依据 "aoColumnDefs": [{ 'bSortable': false,'aTargets': [0,7] }] 任何人都知道如何在角度JS中做到这一点？ table class="custom-table" datatable="ng" dt-options="dtOptions" id="contacts-list-table"/tablemy

在jquery数据表中,我可以禁用特定的列排序依据

"aoColumnDefs": [{
                'bSortable': false,'aTargets': [0,7]
            }]

任何人都知道如何在角度JS中做到这一点？

<table class="custom-table" datatable="ng" dt-options="dtOptions" id="contacts-list-table">
</table>

myApp.controller("ListCtr",['DTOptionsBuilder',function(DTOptionsBuilder) {
  $scope.dtOptions = DTOptionsBuilder.newOptions().withDOM('C<"clear">lfrtip') 
}])

这段代码隐藏了我的搜索栏但是无法隐藏我的第一列和第四列的排序功能？

角度数据表等价于

aoColumnDefs: [{ bSortable: false,aTargets: [0,4] }]

是

$scope.dtColumnDefs = [
   DTColumnDefBuilder.newColumnDef(0).notSortable(),DTColumnDefBuilder.newColumnDef(4).notSortable()
];

…

<table class="custom-table" dt-column-defs="dtColumnDefs" datatable="ng" dt-options="dtOptions" id="contacts-list-table"></table>

您必须在控制器中包含DTColumnDefBuilder：

myApp.controller("ListCtr",'DTColumnDefBuilder',function(DTOptionsBuilder,DTColumnDefBuilder) {
       $scope.dtOptions = DTOptionsBuilder.newOptions().withDOM('C<"clear">lfrtip');
       $scope.dtColumnDefs = [
          DTColumnDefBuilder.newColumnDef(0).notSortable(),DTColumnDefBuilder.newColumnDef(4).notSortable()
       ];
    }
])

见http://l-lin.github.io/angular-datatables/archives/#!/api.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!