With the DataTables Responsive

You can easily add the DataTables Responsive plugin. Include the JS file and CSS file. Then set the responsivce option to true.

 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') ]; });