12

jqueryデータテーブルでは、特定の列の並べ替えを無効にすることができます

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

angular 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') 
}])

このコードは検索バーを隠していますが、1 列目と 4 列目の並べ替え機能を非表示にすることはできませんか?

4

2 に答える 2

19

angular-datatables と同等

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", ['DTOptionsBuilder', '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を参照してください。

于 2015-06-25T06:07:27.777 に答える