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列目の並べ替え機能を非表示にできませんか?
角度データテーブルと同等
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を参照してください。
私はソートを無効にするために可能なすべての解決策を試しましたが、私のために働いた唯一のものは: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
}
]
}