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