You can change the DataTable options, columns or columnDefs seamlessly. All you need to do is to change the dtOptions, dtColumns or dtColumnDefs of your DataTable.
Change options
Change column defs
ID
First name
Last name
1
Foo
Bar
123
Someone
Youknow
987
Iamout
Ofinspiration
Change options
Change column defs
ID
First name
Last name
1
Foo
Bar
123
Someone
Youknow
987
Iamout
Ofinspiration
angular.module('datatablesSampleApp', ['datatables']).
controller('withOptionsCtrl', function ($scope, DTOptionsBuilder, DTColumnDefBuilder) {
$scope.dtOptions = DTOptionsBuilder.newOptions();
$scope.dtColumnDefs = [
DTColumnDefBuilder.newColumnDef(0),
DTColumnDefBuilder.newColumnDef(1).notVisible(),
DTColumnDefBuilder.newColumnDef(2).notSortable()
];
$scope.changeOptions = function() {
$scope.dtOptions = DTOptionsBuilder.newOptions()
.withPaginationType('full_numbers')
.withDisplayLength(2)
.withDOM('pitrfl');
};
$scope.changeColumnDefs = function() {
$scope.dtColumnDefs = [
DTColumnDefBuilder.newColumnDef(0).notVisible(),
DTColumnDefBuilder.newColumnDef(1).notVisible(),
DTColumnDefBuilder.newColumnDef(2).notSortable()
];
};
});