AngularJS Nested DataTable is a AngularJS custom directive which is easy to use, custom element, nesting tables and extensible. All default dataTable functionalities such as sorting, pagination, search etc will also work in this directive too.
- Optionally: to install with bower, use:
bower install --save ng-nested-datatable
- Link scripts:
<link href="//cdn.datatables.net/1.10.5/css/jquery.dataTables.css" rel="stylesheet" />
<script type="text/javascript" src="bower_components/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="bower_components/angular/angular.min.js"></script>
<script type="text/javascript" src="bower_components/datatables/media/js/jquery.dataTables.min.js"></script>
<script type="text/javascript" src="src/ng-nested-datatable.js"></script>
- AngularJS Nested DataTable custom element:
<ng-nested-table data="tableData"
outer-table-config="outerDefaults"
inner-table-config="innerDefaults">
</ng-nested-table>
tableData, outerDefaults and innerDefaults are the $scope variables in MyController
- Download all dependencies using bower:
bower install
Key | Values | Description |
---|---|---|
data | Object | All table data supplied to custom element |
outerTableConfig | Object | Outer DataTable Configuration |
innerTableConfig | Object | Inner DataTable Configuration |
Shailendra Kumar
Copyright © 2015 Shailendra Kumar.
AngularJS Nested DataTable is under MIT license - http://www.opensource.org/licenses/mit-license.php