Bootstrap integration

Angular Datables can also be compatible with Twitter Bootstrap 3.

You need to add the files angular-datatables.bootstrap.min.js and datatables.bootstrap.min.css to your HTML file.

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

angular.module('showcase.bootstrapIntegration', ['datatables', 'datatables.bootstrap']) .controller('BootstrapIntegrationCtrl', BootstrapIntegrationCtrl); function BootstrapIntegrationCtrl(DTOptionsBuilder, DTColumnBuilder) { var vm = this; vm.dtOptions = DTOptionsBuilder .fromSource('data.json') // Add Bootstrap compatibility .withBootstrap(); vm.dtColumns = [ DTColumnBuilder.newColumn('id').withTitle('ID').withClass('text-danger'), DTColumnBuilder.newColumn('firstName').withTitle('First name'), DTColumnBuilder.newColumn('lastName').withTitle('Last name') ]; }