With the DataTables Responsive

You can easily add the DataTables Responsive plugin.

 The API DTColumn.notVisible() does not work in this case. Use DTColumn.withClass('none') instead.

angular.module('datatablesSampleApp', ['datatables']).controller('withResponsiveCtrl', function ($scope, DTOptionsBuilder, DTColumnBuilder) { $scope.dtOptions = DTOptionsBuilder.fromSource('data.json') .withPaginationType('full_numbers') // Active Responsive plugin .withOption('responsive', true); $scope.dtColumns = [ DTColumnBuilder.newColumn('id').withTitle('ID'), DTColumnBuilder.newColumn('firstName').withTitle('First name'), // .notVisible() does not work in this case. Use .withClass('none') instead DTColumnBuilder.newColumn('lastName').withTitle('Last name').withClass('none') ]; });