Dependencies
The required dependencies are:
- AngularJS (tested with version 1.2.6)
- JQuery (tested with version 1.11.0)
- Datatables (tested with version 1.9.4 and 1.10+)
This module has been tested with the following datatables modules:
- ColReorder with version 1.1.0
- ColVis with version 1.1.0
- TableTools with version 2.2.0
Download
Manually
The files can be downloaded on GitHub.
With Bower
Installation
Include the JS file in your index.html
file:
You must include the JS file in this order. AngularJS MUST use jQuery
and not its jqLite
!
Declare dependencies on your module app like this:
Additional Notes
- RequireJS is not supported.
-
Each time a datatable is rendered, a message is sent to the parent scopes with the id of the table and the DataTable itself.
For instance, for the given dataTable:You can catch the event like this in your parent directive or controller:
$scope.$on('event:dataTableLoaded', function(event, loadedDT) { // loadedDT === {"id": "foobar", "DataTable": oTable, "dataTable": $oTable} // loadedDT.DataTable is the DataTable API instance // loadedDT.dataTable is the jQuery Object // See http://datatables.net/manual/api#Accessing-the-API }); -
Angular Datatables
is usingObject.create()
to instanciate options and columns.If you need to support IE8, then you need to add this
Polyfill
.