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

前端之家收集整理的这篇文章主要介绍了angularjs – 在Angular JS中如何禁用所选列的列排序功能前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
在jquery数据表中,我可以禁用特定的列排序依据
  1. "aoColumnDefs": [{
  2. 'bSortable': false,'aTargets': [0,7]
  3. }]

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

  1. <table class="custom-table" datatable="ng" dt-options="dtOptions" id="contacts-list-table">
  2. </table>
  3.  
  4. myApp.controller("ListCtr",['DTOptionsBuilder',function(DTOptionsBuilder) {
  5. $scope.dtOptions = DTOptionsBuilder.newOptions().withDOM('C<"clear">lfrtip')
  6. }])

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

角度数据表等价于
  1. aoColumnDefs: [{ bSortable: false,aTargets: [0,4] }]

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

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

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

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

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

猜你在找的Angularjs相关文章