With the DataTables ColVis

The angular-datatables also provides an API in order to make the plugin ColVis works with datatables.

See the API for the complete list of methods of the helper.

angular.module('datatablesSampleApp', ['datatables']).controller('withColVisCtrl', function ($scope, DTOptionsBuilder, DTColumnBuilder) { $scope.dtOptions = DTOptionsBuilder.fromSource('data.json') .withPaginationType('full_numbers') // Active ColVis plugin .withColVis() // Add a state change function .withColVisStateChange(function(iColumn, bVisible) { console.log('The column' + iColumn + ' has changed its status to ' + bVisible) }) // Exclude the last column from the list .withColVisOption('aiExclude', [2]); $scope.dtColumns = [ DTColumnBuilder.newColumn('id').withTitle('ID'), DTColumnBuilder.newColumn('firstName').withTitle('First name'), DTColumnBuilder.newColumn('lastName').withTitle('Last name') ]; });