|
1 | 1 | angular-datatables [](https://travis-ci.org/l-lin/angular-datatables) [](http://gruntjs.com/)
|
2 | 2 | ================
|
3 |
| -> Datatables for Angular. |
| 3 | +> Angular module that provides a `datatable` directive along with datatable options helpers. |
| 4 | +
|
| 5 | +Notes |
| 6 | +----- |
| 7 | + |
| 8 | +The required dependencies are: |
| 9 | + |
| 10 | +* [AngularJS](http://angular.org) (tested with version 1.2.6) |
| 11 | +* [jQuery](http://jquery.com) (tested with version 1.11.0) |
| 12 | +* [Datatables](https://datatables.net) (tested with version 1.9.4) |
| 13 | + |
| 14 | +This module has been tested with the following datatables modules: |
| 15 | + |
| 16 | +* [ColReorder](https://datatables.net/extras/colreorder/) with version 1.1.0 |
| 17 | +* [ColVis](https://datatables.net/extras/colvis/) with version 1.1.0 |
| 18 | +* [TableTools](https://datatables.net/extras/tabletools/) with version 2.2.0 |
| 19 | + |
| 20 | +This module also has a [Twitter Bootstrap](http://getbootstrap.com/) support (tested with version 3.1.1). |
| 21 | + |
| 22 | +Getting started |
| 23 | +--------------- |
| 24 | + |
| 25 | +### Download |
| 26 | + |
| 27 | +**Manually** |
| 28 | + |
| 29 | +The files can be downloaded from: |
| 30 | + |
| 31 | +* Minified [JS](https://raw.github.com/l-lin/angular-datatables/master/dist/angular-datatables.min.js) and [CSS](https://raw.github.com/l-lin/angular-datatables/master/dist/datatables.bootstrap.min.css) for production usage |
| 32 | +* Un-minified [JS](https://raw.github.com/l-lin/angular-datatables/master/dist/angular-datatables.js) and [CSS](https://raw.github.com/l-lin/angular-datatables/master/dist/datatables.bootstrap.css) for development |
| 33 | + |
| 34 | +> The CSS file only contains `Twitter Bootstrap` styles to support datatables. |
| 35 | +
|
| 36 | +**With Bower** |
| 37 | + |
| 38 | +``` |
| 39 | +bower install angular-datatables |
| 40 | +``` |
| 41 | + |
| 42 | +### Installation |
| 43 | + |
| 44 | +Include the JS file in your `index.html` file: |
| 45 | + |
| 46 | +```html |
| 47 | +<script src="angular-datatables.min.js"></script> |
| 48 | +``` |
| 49 | + |
| 50 | +If you want the `Twitter Bootstrap` support, then add the CSS file: |
| 51 | + |
| 52 | +```html |
| 53 | +<link rel="datatables.bootstrap.min.css" rel="stylesheet"> |
| 54 | +``` |
| 55 | + |
| 56 | +Declare dependencies on your module app like this: |
| 57 | + |
| 58 | +```html |
| 59 | +angular.module('myModule', ['datatables']); |
| 60 | +``` |
| 61 | + |
| 62 | +Additional notes |
| 63 | +---------------- |
| 64 | + |
| 65 | +This module does not support multiple datatables in the same page YET! |
| 66 | + |
| 67 | +Usage |
| 68 | +----- |
4 | 69 |
|
5 | 70 | See [github page](https://l-lin.github.io/angular-datatables).
|
6 | 71 |
|
|
0 commit comments