Webjar integration of angular-datatables
Pull request Compare This branch is 26 commits ahead, 3 commits behind jeanlouisboudart:master.
Failed to load latest commit information.
README.md Add bootstrap css module for require-css Feb 6, 2015
pom.xml [maven-release-plugin] prepare for next development iteration Jan 9, 2016



Webjar integration of angular-datatables(http://l-lin.github.io/angular-datatables)


Include the JS file in your index.html file:

<script src="/webjars/angular-datatables/0.4.0/angular-datatables.min.js"></script>

IMPORTANT: You must include the JS AFTER jQuery and DataTables!

With RequireJS/AMD, this is

// Load webjars config script first. See http://www.webjars.org/documentation

require(['jquery', 'datatables', 'angular', 'angular-datatables'], function() {...});

If you want the Twitter Bootstrap support, then add the CSS file:

<link rel="stylesheet" href="/webjars/angular-datatables/0.4.0/plugins/bootstrap/datatables.bootstrap.css">

NOTE: The path changed in v0.4.0. To load this with the require-css plug-in use css!angular-datatables.bootstrap-css.

Declare dependencies on your module app like this:

angular.module('myModule', ['datatables']);

Complete example

<link rel="stylesheet" href="/webjars/datatables/1.10.1/css/jquery.dataTables.min.css">
<link rel="stylesheet" href="/webjars/angular-datatables/0.4.0/plugins/bootstrap/datatables.bootstrap.css">

<script src="/webjars/jquery/1.11.1/jquery.min.js"></script>
<script src="/webjars/datatables/1.10.1/js/jquery.dataTables.min.js"></script>
<!-- needs to be included AFTER jQuery and Datatables -->
<script src="/webjars/angular-datatables/0.4.0/angular-datatables.min.js"></script>


See angular datatables website.


See the pom.xml file for the exported plug-ins.

columnfilter, scroller and tabletools did not have usable Webjars at the time of writing. They will needed to be configured externally if RequireJS is used.