# 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.

<tabset>

angular.module('datatablesSampleApp', ['datatables']).controller('WithResponsiveCtrl', WithResponsiveCtrl); function WithResponsiveCtrl(DTOptionsBuilder, DTColumnBuilder) { var vm = this; vm.dtOptions = DTOptionsBuilder.fromSource('data.json') .withPaginationType('full_numbers') // Active Responsive plugin .withOption('responsive', true); vm.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') ]; }
</tabset>