In jquery data table I can disable specific column sort by
"aoColumnDefs": [{
'bSortable': false,
'aTargets': [0, 7]
}]
Anyone know how to do this in 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')
}])
this code hiding my search bar but not able to hide sort feature of my first and fourth column?
The angular-datatables equivalence to
aoColumnDefs: [{ bSortable: false, aTargets: [0, 4] }]
is
$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>
You must include DTColumnDefBuilder
in the controller :
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()
];
}
])
see http://l-lin.github.io/angular-datatables/archives/#!/api.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With