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