# With the DataTables Select

The `angular-datatables` also provides an API in order to make the plugin `Select` work with datatables.

You need to add the file `angular-datatables.select.min.js` to your HTML file.

You also need to add the dependency `datatables.select` to your Angular app.

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

<tabset>

angular.module('showcase.withSelect', ['datatables', 'datatables.select']) .controller('WithSelectCtrl', WithSelectCtrl); function WithSelectCtrl(DTOptionsBuilder, DTColumnBuilder) { var vm = this; vm.dtOptions = DTOptionsBuilder.fromSource('data.json') .withPaginationType('full_numbers') // Active Select plugin .withSelect({ style: 'os', selector: 'td:first-child' }); vm.dtColumns = [ DTColumnBuilder.newColumn(null).withTitle('') .notSortable() .withClass('select-checkbox') // Need to define the mRender function, otherwise we get a [Object Object] .renderWith(function() {return '';}), DTColumnBuilder.newColumn('id').withTitle('ID'), DTColumnBuilder.newColumn('firstName').withTitle('First name'), DTColumnBuilder.newColumn('lastName').withTitle('Last name') ]; }
</tabset>