web-dev-qa-db-ja.com

Angular JSで、選択した列の列ソート機能を無効にする方法

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列目の並べ替え機能を非表示にできませんか?

12
vinothini

角度データテーブルと同等

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を参照してください。

19
davidkonrad

私はソートを無効にするために可能なすべての解決策を試しましたが、私のために働いた唯一のものは:order: falseこれを参照に使用

私のdtOptionsは次のとおりでした

vm.dtOptions = {
        dom: '<"top"f>rt<"bottom"<"left"<"length"l>><"right"<"info"i><"pagination"p>>>',
        pagingType: 'simple',
        autoWidth: false,
        responsive: true,
        order: false, // This fixed the issue
        columnDefs : [{
            targets: [0, 1, 2, 3, 4, 5, 6, 7], // column or columns numbers
            orderable: false,  // This was not working
            filterable: false,
            sortable  : false                
            },
            {
                // Target the actions column
                targets           : 8,
                responsivePriority: 1,
                filterable        : false,
                sortable          : false,
                orderable: false
            }                
        ]
    }
0
Black Mamba