<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="//cdn.datatables.net/1.10.1/css/jquery.dataTables.css" />
</head>
<body ng-app="datatablesSampleApp">
<div ng-controller="simpleCtrl" class="code">
<table datatable="" dt-options="dtOptions" dt-columns="dtColumns">
<tfoot>
<tr>
<th>ID</th>
<th>First Name</th>
<th>Last Name</th>
</tr>
</tfoot>
</table>
</div>
<script data-require="jquery@1.10.1" data-semver="1.10.1" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
<script src="//cdn.datatables.net/1.10.1/js/jquery.dataTables.js"></script>
<script type="text/javascript" data-require="angular.js@1.2.15" data-semver="1.2.15" src="http://code.angularjs.org/1.2.15/angular.js"></script>
<script data-require="angular-resource@*" data-semver="1.2.15" src="http://code.angularjs.org/1.2.15/angular-resource.js"></script>
<script type="text/javascript" src="angular-datatables.min.js"></script>
<script src="script.js"></script>
</body>
</html>
(function(angular) {
'use strict';
angular.module('datatablesSampleApp', ['datatables']).
controller('simpleCtrl', function($scope, DTOptionsBuilder, DTColumnBuilder) {
$scope.dtOptions = DTOptionsBuilder.fromSource('data.json')
.withPaginationType('full_numbers');
$scope.dtColumns = [
DTColumnBuilder.newColumn('id').withTitle('ID'),
DTColumnBuilder.newColumn('firstName').withTitle('First name'),
DTColumnBuilder.newColumn('lastName').withTitle('Last name')
];
$scope.$on('event:dataTableLoaded', function(event, loadedDT) {
// Setup - add a text input to each footer cell
var id = '#' + loadedDT.id;
$(id + ' tfoot th').each(function() {
var title = $(id + ' thead th').eq($(this).index()).text();
$(this).html('<input type="text" placeholder="Search ' + title + '" />');
});
var table = loadedDT.DataTable;
// Apply the search
table.columns().eq(0).each(function(colIdx) {
$('input', table.column(colIdx).footer()).on('keyup change', function() {
table
.column(colIdx)
.search(this.value)
.draw();
});
});
});
});
})(angular);
[{
"id": 860,
"firstName": "Superman",
"lastName": "Yoda"
}, {
"id": 870,
"firstName": "Foo",
"lastName": "Whateveryournameis"
}, {
"id": 590,
"firstName": "Toto",
"lastName": "Titi"
}, {
"id": 803,
"firstName": "Luke",
"lastName": "Kyle"
}, {
"id": 474,
"firstName": "Toto",
"lastName": "Bar"
}, {
"id": 476,
"firstName": "Zed",
"lastName": "Kyle"
}, {
"id": 464,
"firstName": "Cartman",
"lastName": "Kyle"
}, {
"id": 505,
"firstName": "Superman",
"lastName": "Yoda"
}, {
"id": 308,
"firstName": "Louis",
"lastName": "Kyle"
}, {
"id": 184,
"firstName": "Toto",
"lastName": "Bar"
}, {
"id": 411,
"firstName": "Luke",
"lastName": "Yoda"
}, {
"id": 154,
"firstName": "Luke",
"lastName": "Moliku"
}, {
"id": 623,
"firstName": "Someone First Name",
"lastName": "Moliku"
}, {
"id": 499,
"firstName": "Luke",
"lastName": "Bar"
}, {
"id": 482,
"firstName": "Batman",
"lastName": "Lara"
}, {
"id": 255,
"firstName": "Louis",
"lastName": "Kyle"
}, {
"id": 772,
"firstName": "Zed",
"lastName": "Whateveryournameis"
}, {
"id": 398,
"firstName": "Zed",
"lastName": "Moliku"
}, {
"id": 840,
"firstName": "Superman",
"lastName": "Lara"
}, {
"id": 894,
"firstName": "Luke",
"lastName": "Bar"
}, {
"id": 591,
"firstName": "Luke",
"lastName": "Titi"
}, {
"id": 767,
"firstName": "Luke",
"lastName": "Moliku"
}, {
"id": 133,
"firstName": "Cartman",
"lastName": "Moliku"
}, {
"id": 274,
"firstName": "Toto",
"lastName": "Lara"
}, {
"id": 996,
"firstName": "Superman",
"lastName": "Someone Last Name"
}, {
"id": 780,
"firstName": "Batman",
"lastName": "Kyle"
}, {
"id": 931,
"firstName": "Batman",
"lastName": "Moliku"
}, {
"id": 326,
"firstName": "Louis",
"lastName": "Bar"
}, {
"id": 318,
"firstName": "Superman",
"lastName": "Yoda"
}, {
"id": 434,
"firstName": "Zed",
"lastName": "Bar"
}, {
"id": 480,
"firstName": "Toto",
"lastName": "Kyle"
}, {
"id": 187,
"firstName": "Someone First Name",
"lastName": "Bar"
}, {
"id": 829,
"firstName": "Cartman",
"lastName": "Bar"
}, {
"id": 937,
"firstName": "Cartman",
"lastName": "Lara"
}, {
"id": 355,
"firstName": "Foo",
"lastName": "Moliku"
}, {
"id": 258,
"firstName": "Someone First Name",
"lastName": "Moliku"
}, {
"id": 826,
"firstName": "Cartman",
"lastName": "Yoda"
}, {
"id": 586,
"firstName": "Cartman",
"lastName": "Lara"
}, {
"id": 32,
"firstName": "Batman",
"lastName": "Lara"
}, {
"id": 676,
"firstName": "Batman",
"lastName": "Kyle"
}, {
"id": 403,
"firstName": "Toto",
"lastName": "Titi"
}, {
"id": 222,
"firstName": "Foo",
"lastName": "Moliku"
}, {
"id": 507,
"firstName": "Zed",
"lastName": "Someone Last Name"
}, {
"id": 135,
"firstName": "Superman",
"lastName": "Whateveryournameis"
}, {
"id": 818,
"firstName": "Zed",
"lastName": "Yoda"
}, {
"id": 321,
"firstName": "Luke",
"lastName": "Kyle"
}, {
"id": 187,
"firstName": "Cartman",
"lastName": "Someone Last Name"
}, {
"id": 327,
"firstName": "Toto",
"lastName": "Bar"
}, {
"id": 187,
"firstName": "Louis",
"lastName": "Lara"
}, {
"id": 417,
"firstName": "Louis",
"lastName": "Titi"
}, {
"id": 97,
"firstName": "Zed",
"lastName": "Bar"
}, {
"id": 710,
"firstName": "Batman",
"lastName": "Lara"
}, {
"id": 975,
"firstName": "Toto",
"lastName": "Yoda"
}, {
"id": 926,
"firstName": "Foo",
"lastName": "Bar"
}, {
"id": 976,
"firstName": "Toto",
"lastName": "Lara"
}, {
"id": 680,
"firstName": "Zed",
"lastName": "Kyle"
}, {
"id": 275,
"firstName": "Louis",
"lastName": "Kyle"
}, {
"id": 742,
"firstName": "Foo",
"lastName": "Someone Last Name"
}, {
"id": 598,
"firstName": "Zed",
"lastName": "Lara"
}, {
"id": 113,
"firstName": "Foo",
"lastName": "Moliku"
}, {
"id": 228,
"firstName": "Superman",
"lastName": "Someone Last Name"
}, {
"id": 820,
"firstName": "Cartman",
"lastName": "Whateveryournameis"
}, {
"id": 700,
"firstName": "Cartman",
"lastName": "Someone Last Name"
}, {
"id": 556,
"firstName": "Toto",
"lastName": "Lara"
}, {
"id": 687,
"firstName": "Foo",
"lastName": "Kyle"
}, {
"id": 794,
"firstName": "Toto",
"lastName": "Lara"
}, {
"id": 349,
"firstName": "Someone First Name",
"lastName": "Whateveryournameis"
}, {
"id": 283,
"firstName": "Batman",
"lastName": "Someone Last Name"
}, {
"id": 862,
"firstName": "Cartman",
"lastName": "Lara"
}, {
"id": 674,
"firstName": "Cartman",
"lastName": "Bar"
}, {
"id": 954,
"firstName": "Louis",
"lastName": "Lara"
}, {
"id": 243,
"firstName": "Superman",
"lastName": "Someone Last Name"
}, {
"id": 578,
"firstName": "Superman",
"lastName": "Lara"
}, {
"id": 660,
"firstName": "Batman",
"lastName": "Bar"
}, {
"id": 653,
"firstName": "Luke",
"lastName": "Whateveryournameis"
}, {
"id": 583,
"firstName": "Toto",
"lastName": "Moliku"
}, {
"id": 321,
"firstName": "Zed",
"lastName": "Yoda"
}, {
"id": 171,
"firstName": "Superman",
"lastName": "Kyle"
}, {
"id": 41,
"firstName": "Superman",
"lastName": "Yoda"
}, {
"id": 704,
"firstName": "Louis",
"lastName": "Titi"
}, {
"id": 344,
"firstName": "Louis",
"lastName": "Lara"
}, {
"id": 840,
"firstName": "Toto",
"lastName": "Whateveryournameis"
}, {
"id": 476,
"firstName": "Foo",
"lastName": "Kyle"
}, {
"id": 644,
"firstName": "Superman",
"lastName": "Moliku"
}, {
"id": 359,
"firstName": "Superman",
"lastName": "Moliku"
}, {
"id": 856,
"firstName": "Luke",
"lastName": "Lara"
}, {
"id": 760,
"firstName": "Foo",
"lastName": "Someone Last Name"
}, {
"id": 432,
"firstName": "Zed",
"lastName": "Yoda"
}, {
"id": 299,
"firstName": "Superman",
"lastName": "Kyle"
}, {
"id": 693,
"firstName": "Foo",
"lastName": "Whateveryournameis"
}, {
"id": 11,
"firstName": "Toto",
"lastName": "Lara"
}, {
"id": 305,
"firstName": "Luke",
"lastName": "Yoda"
}, {
"id": 961,
"firstName": "Luke",
"lastName": "Yoda"
}, {
"id": 54,
"firstName": "Luke",
"lastName": "Bar"
}, {
"id": 734,
"firstName": "Superman",
"lastName": "Yoda"
}, {
"id": 466,
"firstName": "Cartman",
"lastName": "Titi"
}, {
"id": 439,
"firstName": "Louis",
"lastName": "Lara"
}, {
"id": 995,
"firstName": "Foo",
"lastName": "Moliku"
}, {
"id": 878,
"firstName": "Luke",
"lastName": "Bar"
}, {
"id": 479,
"firstName": "Luke",
"lastName": "Yoda"
}, {
"id": 252,
"firstName": "Cartman",
"lastName": "Moliku"
}, {
"id": 355,
"firstName": "Zed",
"lastName": "Moliku"
}, {
"id": 355,
"firstName": "Zed",
"lastName": "Kyle"
}, {
"id": 694,
"firstName": "Louis",
"lastName": "Bar"
}, {
"id": 882,
"firstName": "Cartman",
"lastName": "Yoda"
}, {
"id": 620,
"firstName": "Luke",
"lastName": "Lara"
}, {
"id": 390,
"firstName": "Superman",
"lastName": "Lara"
}, {
"id": 247,
"firstName": "Zed",
"lastName": "Kyle"
}, {
"id": 510,
"firstName": "Batman",
"lastName": "Moliku"
}, {
"id": 510,
"firstName": "Batman",
"lastName": "Lara"
}, {
"id": 472,
"firstName": "Foo",
"lastName": "Moliku"
}, {
"id": 533,
"firstName": "Someone First Name",
"lastName": "Kyle"
}, {
"id": 725,
"firstName": "Superman",
"lastName": "Kyle"
}, {
"id": 221,
"firstName": "Zed",
"lastName": "Lara"
}, {
"id": 302,
"firstName": "Louis",
"lastName": "Whateveryournameis"
}, {
"id": 755,
"firstName": "Louis",
"lastName": "Someone Last Name"
}, {
"id": 671,
"firstName": "Batman",
"lastName": "Lara"
}, {
"id": 649,
"firstName": "Louis",
"lastName": "Whateveryournameis"
}, {
"id": 22,
"firstName": "Luke",
"lastName": "Yoda"
}, {
"id": 544,
"firstName": "Louis",
"lastName": "Lara"
}, {
"id": 114,
"firstName": "Someone First Name",
"lastName": "Titi"
}, {
"id": 674,
"firstName": "Someone First Name",
"lastName": "Lara"
}, {
"id": 571,
"firstName": "Zed",
"lastName": "Kyle"
}, {
"id": 554,
"firstName": "Louis",
"lastName": "Titi"
}, {
"id": 203,
"firstName": "Zed",
"lastName": "Kyle"
}, {
"id": 89,
"firstName": "Luke",
"lastName": "Whateveryournameis"
}, {
"id": 299,
"firstName": "Luke",
"lastName": "Bar"
}, {
"id": 48,
"firstName": "Toto",
"lastName": "Bar"
}, {
"id": 726,
"firstName": "Batman",
"lastName": "Whateveryournameis"
}, {
"id": 121,
"firstName": "Toto",
"lastName": "Bar"
}, {
"id": 992,
"firstName": "Superman",
"lastName": "Whateveryournameis"
}, {
"id": 551,
"firstName": "Toto",
"lastName": "Kyle"
}, {
"id": 831,
"firstName": "Louis",
"lastName": "Lara"
}, {
"id": 940,
"firstName": "Luke",
"lastName": "Moliku"
}, {
"id": 974,
"firstName": "Zed",
"lastName": "Kyle"
}, {
"id": 579,
"firstName": "Luke",
"lastName": "Moliku"
}, {
"id": 752,
"firstName": "Cartman",
"lastName": "Yoda"
}, {
"id": 873,
"firstName": "Batman",
"lastName": "Someone Last Name"
}, {
"id": 939,
"firstName": "Louis",
"lastName": "Whateveryournameis"
}, {
"id": 240,
"firstName": "Luke",
"lastName": "Yoda"
}, {
"id": 969,
"firstName": "Cartman",
"lastName": "Lara"
}, {
"id": 247,
"firstName": "Luke",
"lastName": "Someone Last Name"
}, {
"id": 3,
"firstName": "Cartman",
"lastName": "Whateveryournameis"
}, {
"id": 154,
"firstName": "Batman",
"lastName": "Bar"
}, {
"id": 274,
"firstName": "Toto",
"lastName": "Someone Last Name"
}, {
"id": 31,
"firstName": "Luke",
"lastName": "Someone Last Name"
}, {
"id": 789,
"firstName": "Louis",
"lastName": "Titi"
}, {
"id": 634,
"firstName": "Zed",
"lastName": "Yoda"
}, {
"id": 972,
"firstName": "Toto",
"lastName": "Kyle"
}, {
"id": 199,
"firstName": "Foo",
"lastName": "Moliku"
}, {
"id": 562,
"firstName": "Louis",
"lastName": "Titi"
}, {
"id": 460,
"firstName": "Superman",
"lastName": "Yoda"
}, {
"id": 817,
"firstName": "Cartman",
"lastName": "Someone Last Name"
}, {
"id": 307,
"firstName": "Cartman",
"lastName": "Bar"
}, {
"id": 10,
"firstName": "Cartman",
"lastName": "Titi"
}, {
"id": 167,
"firstName": "Toto",
"lastName": "Someone Last Name"
}, {
"id": 107,
"firstName": "Cartman",
"lastName": "Whateveryournameis"
}, {
"id": 432,
"firstName": "Batman",
"lastName": "Kyle"
}, {
"id": 381,
"firstName": "Luke",
"lastName": "Yoda"
}, {
"id": 517,
"firstName": "Louis",
"lastName": "Lara"
}, {
"id": 575,
"firstName": "Superman",
"lastName": "Kyle"
}, {
"id": 716,
"firstName": "Cartman",
"lastName": "Titi"
}, {
"id": 646,
"firstName": "Foo",
"lastName": "Whateveryournameis"
}, {
"id": 144,
"firstName": "Someone First Name",
"lastName": "Yoda"
}, {
"id": 306,
"firstName": "Luke",
"lastName": "Whateveryournameis"
}, {
"id": 395,
"firstName": "Luke",
"lastName": "Bar"
}, {
"id": 777,
"firstName": "Toto",
"lastName": "Moliku"
}, {
"id": 624,
"firstName": "Louis",
"lastName": "Someone Last Name"
}, {
"id": 994,
"firstName": "Superman",
"lastName": "Moliku"
}, {
"id": 653,
"firstName": "Batman",
"lastName": "Moliku"
}, {
"id": 198,
"firstName": "Foo",
"lastName": "Bar"
}, {
"id": 157,
"firstName": "Zed",
"lastName": "Kyle"
}, {
"id": 955,
"firstName": "Luke",
"lastName": "Someone Last Name"
}, {
"id": 339,
"firstName": "Foo",
"lastName": "Bar"
}, {
"id": 552,
"firstName": "Batman",
"lastName": "Titi"
}, {
"id": 735,
"firstName": "Louis",
"lastName": "Bar"
}, {
"id": 294,
"firstName": "Batman",
"lastName": "Bar"
}, {
"id": 287,
"firstName": "Someone First Name",
"lastName": "Bar"
}, {
"id": 399,
"firstName": "Cartman",
"lastName": "Yoda"
}, {
"id": 741,
"firstName": "Foo",
"lastName": "Kyle"
}, {
"id": 670,
"firstName": "Foo",
"lastName": "Bar"
}, {
"id": 260,
"firstName": "Toto",
"lastName": "Lara"
}, {
"id": 294,
"firstName": "Toto",
"lastName": "Titi"
}, {
"id": 294,
"firstName": "Zed",
"lastName": "Lara"
}, {
"id": 840,
"firstName": "Zed",
"lastName": "Titi"
}, {
"id": 448,
"firstName": "Foo",
"lastName": "Kyle"
}, {
"id": 260,
"firstName": "Luke",
"lastName": "Whateveryournameis"
}, {
"id": 119,
"firstName": "Zed",
"lastName": "Someone Last Name"
}, {
"id": 702,
"firstName": "Zed",
"lastName": "Kyle"
}, {
"id": 87,
"firstName": "Zed",
"lastName": "Someone Last Name"
}, {
"id": 161,
"firstName": "Foo",
"lastName": "Lara"
}, {
"id": 404,
"firstName": "Zed",
"lastName": "Kyle"
}, {
"id": 871,
"firstName": "Toto",
"lastName": "Lara"
}, {
"id": 908,
"firstName": "Someone First Name",
"lastName": "Moliku"
}, {
"id": 484,
"firstName": "Louis",
"lastName": "Bar"
}, {
"id": 966,
"firstName": "Cartman",
"lastName": "Titi"
}, {
"id": 392,
"firstName": "Someone First Name",
"lastName": "Lara"
}, {
"id": 738,
"firstName": "Batman",
"lastName": "Lara"
}, {
"id": 560,
"firstName": "Louis",
"lastName": "Kyle"
}, {
"id": 507,
"firstName": "Zed",
"lastName": "Whateveryournameis"
}, {
"id": 660,
"firstName": "Louis",
"lastName": "Whateveryournameis"
}, {
"id": 929,
"firstName": "Superman",
"lastName": "Moliku"
}, {
"id": 42,
"firstName": "Batman",
"lastName": "Moliku"
}, {
"id": 853,
"firstName": "Luke",
"lastName": "Titi"
}, {
"id": 977,
"firstName": "Louis",
"lastName": "Moliku"
}, {
"id": 104,
"firstName": "Toto",
"lastName": "Kyle"
}, {
"id": 820,
"firstName": "Luke",
"lastName": "Someone Last Name"
}, {
"id": 187,
"firstName": "Batman",
"lastName": "Titi"
}, {
"id": 524,
"firstName": "Louis",
"lastName": "Yoda"
}, {
"id": 830,
"firstName": "Cartman",
"lastName": "Whateveryournameis"
}, {
"id": 156,
"firstName": "Someone First Name",
"lastName": "Lara"
}, {
"id": 918,
"firstName": "Foo",
"lastName": "Whateveryournameis"
}, {
"id": 286,
"firstName": "Batman",
"lastName": "Moliku"
}, {
"id": 715,
"firstName": "Louis",
"lastName": "Kyle"
}, {
"id": 501,
"firstName": "Superman",
"lastName": "Whateveryournameis"
}, {
"id": 463,
"firstName": "Foo",
"lastName": "Kyle"
}, {
"id": 419,
"firstName": "Toto",
"lastName": "Yoda"
}, {
"id": 752,
"firstName": "Foo",
"lastName": "Moliku"
}, {
"id": 754,
"firstName": "Louis",
"lastName": "Titi"
}, {
"id": 497,
"firstName": "Someone First Name",
"lastName": "Kyle"
}, {
"id": 722,
"firstName": "Louis",
"lastName": "Moliku"
}, {
"id": 986,
"firstName": "Batman",
"lastName": "Someone Last Name"
}, {
"id": 908,
"firstName": "Someone First Name",
"lastName": "Titi"
}, {
"id": 559,
"firstName": "Superman",
"lastName": "Bar"
}, {
"id": 816,
"firstName": "Foo",
"lastName": "Bar"
}, {
"id": 517,
"firstName": "Louis",
"lastName": "Bar"
}, {
"id": 188,
"firstName": "Superman",
"lastName": "Bar"
}, {
"id": 762,
"firstName": "Batman",
"lastName": "Someone Last Name"
}, {
"id": 872,
"firstName": "Batman",
"lastName": "Titi"
}, {
"id": 107,
"firstName": "Louis",
"lastName": "Lara"
}, {
"id": 968,
"firstName": "Louis",
"lastName": "Moliku"
}, {
"id": 643,
"firstName": "Toto",
"lastName": "Someone Last Name"
}, {
"id": 88,
"firstName": "Toto",
"lastName": "Titi"
}, {
"id": 844,
"firstName": "Foo",
"lastName": "Kyle"
}, {
"id": 334,
"firstName": "Batman",
"lastName": "Someone Last Name"
}, {
"id": 43,
"firstName": "Zed",
"lastName": "Lara"
}, {
"id": 600,
"firstName": "Someone First Name",
"lastName": "Kyle"
}, {
"id": 719,
"firstName": "Luke",
"lastName": "Lara"
}, {
"id": 698,
"firstName": "Zed",
"lastName": "Yoda"
}, {
"id": 994,
"firstName": "Zed",
"lastName": "Whateveryournameis"
}, {
"id": 595,
"firstName": "Someone First Name",
"lastName": "Someone Last Name"
}, {
"id": 223,
"firstName": "Toto",
"lastName": "Yoda"
}, {
"id": 392,
"firstName": "Foo",
"lastName": "Moliku"
}, {
"id": 972,
"firstName": "Toto",
"lastName": "Whateveryournameis"
}, {
"id": 155,
"firstName": "Louis",
"lastName": "Whateveryournameis"
}, {
"id": 956,
"firstName": "Louis",
"lastName": "Yoda"
}, {
"id": 62,
"firstName": "Foo",
"lastName": "Kyle"
}, {
"id": 689,
"firstName": "Superman",
"lastName": "Titi"
}, {
"id": 46,
"firstName": "Foo",
"lastName": "Someone Last Name"
}, {
"id": 401,
"firstName": "Toto",
"lastName": "Someone Last Name"
}, {
"id": 658,
"firstName": "Louis",
"lastName": "Bar"
}, {
"id": 375,
"firstName": "Someone First Name",
"lastName": "Bar"
}, {
"id": 877,
"firstName": "Toto",
"lastName": "Someone Last Name"
}, {
"id": 923,
"firstName": "Cartman",
"lastName": "Lara"
}, {
"id": 37,
"firstName": "Zed",
"lastName": "Kyle"
}, {
"id": 416,
"firstName": "Cartman",
"lastName": "Yoda"
}, {
"id": 546,
"firstName": "Zed",
"lastName": "Yoda"
}, {
"id": 282,
"firstName": "Luke",
"lastName": "Lara"
}, {
"id": 943,
"firstName": "Superman",
"lastName": "Yoda"
}, {
"id": 319,
"firstName": "Foo",
"lastName": "Whateveryournameis"
}, {
"id": 390,
"firstName": "Louis",
"lastName": "Lara"
}, {
"id": 556,
"firstName": "Luke",
"lastName": "Kyle"
}, {
"id": 255,
"firstName": "Cartman",
"lastName": "Whateveryournameis"
}, {
"id": 80,
"firstName": "Zed",
"lastName": "Kyle"
}, {
"id": 760,
"firstName": "Louis",
"lastName": "Moliku"
}, {
"id": 291,
"firstName": "Louis",
"lastName": "Titi"
}, {
"id": 916,
"firstName": "Louis",
"lastName": "Bar"
}, {
"id": 212,
"firstName": "Foo",
"lastName": "Moliku"
}, {
"id": 445,
"firstName": "Luke",
"lastName": "Whateveryournameis"
}, {
"id": 101,
"firstName": "Someone First Name",
"lastName": "Someone Last Name"
}, {
"id": 565,
"firstName": "Superman",
"lastName": "Kyle"
}, {
"id": 304,
"firstName": "Luke",
"lastName": "Someone Last Name"
}, {
"id": 557,
"firstName": "Foo",
"lastName": "Titi"
}, {
"id": 544,
"firstName": "Toto",
"lastName": "Kyle"
}, {
"id": 244,
"firstName": "Zed",
"lastName": "Titi"
}, {
"id": 464,
"firstName": "Someone First Name",
"lastName": "Bar"
}, {
"id": 225,
"firstName": "Toto",
"lastName": "Titi"
}, {
"id": 727,
"firstName": "Superman",
"lastName": "Someone Last Name"
}, {
"id": 735,
"firstName": "Louis",
"lastName": "Bar"
}, {
"id": 334,
"firstName": "Foo",
"lastName": "Lara"
}, {
"id": 982,
"firstName": "Batman",
"lastName": "Kyle"
}, {
"id": 48,
"firstName": "Batman",
"lastName": "Lara"
}, {
"id": 175,
"firstName": "Luke",
"lastName": "Moliku"
}, {
"id": 885,
"firstName": "Louis",
"lastName": "Moliku"
}, {
"id": 675,
"firstName": "Toto",
"lastName": "Moliku"
}, {
"id": 47,
"firstName": "Superman",
"lastName": "Someone Last Name"
}, {
"id": 105,
"firstName": "Toto",
"lastName": "Titi"
}, {
"id": 616,
"firstName": "Cartman",
"lastName": "Lara"
}, {
"id": 134,
"firstName": "Someone First Name",
"lastName": "Someone Last Name"
}, {
"id": 26,
"firstName": "Foo",
"lastName": "Moliku"
}, {
"id": 134,
"firstName": "Toto",
"lastName": "Whateveryournameis"
}, {
"id": 680,
"firstName": "Zed",
"lastName": "Lara"
}, {
"id": 208,
"firstName": "Luke",
"lastName": "Someone Last Name"
}, {
"id": 233,
"firstName": "Someone First Name",
"lastName": "Moliku"
}, {
"id": 131,
"firstName": "Louis",
"lastName": "Moliku"
}, {
"id": 87,
"firstName": "Toto",
"lastName": "Yoda"
}, {
"id": 356,
"firstName": "Batman",
"lastName": "Kyle"
}, {
"id": 39,
"firstName": "Louis",
"lastName": "Whateveryournameis"
}, {
"id": 867,
"firstName": "Batman",
"lastName": "Lara"
}, {
"id": 382,
"firstName": "Someone First Name",
"lastName": "Bar"
}]
/*!
* angular-datatables - v0.2.1
* https://github.com/l-lin/angular-datatables
* License: MIT
*/
!function(a,b,c,d){"use strict";d.module("datatables.bootstrap.tabletools",["datatables.bootstrap.options","datatables.util"]).service("DTBootstrapTableTools",["DTPropertyUtil","DTBootstrapDefaultOptions",function(a,b){var e=!1,f={},g=function(){c.fn.DataTable.TableTools&&(f.TableTools={classes:d.copy(c.fn.DataTable.TableTools.classes),oTags:d.copy(c.fn.DataTable.TableTools.DEFAULTS.oTags)})};this.integrate=function(d){if(!e){if(g(),c.fn.DataTable.TableTools){var f=a.overrideProperties(b.getOptions().TableTools,d?d.TableTools:null);c.extend(!0,c.fn.DataTable.TableTools.classes,f.classes),c.extend(!0,c.fn.DataTable.TableTools.DEFAULTS.oTags,f.DEFAULTS.oTags)}e=!0}},this.deIntegrate=function(){e&&c.fn.DataTable.TableTools&&f.TableTools&&(c.extend(!0,c.fn.DataTable.TableTools.classes,f.TableTools.classes),c.extend(!0,c.fn.DataTable.TableTools.DEFAULTS.oTags,f.TableTools.oTags),e=!1)}}]),d.module("datatables.bootstrap.colvis",["datatables.bootstrap.options","datatables.util"]).service("DTBootstrapColVis",["DTPropertyUtil","DTBootstrapDefaultOptions",function(a,b){var d=!1;this.integrate=function(e,f){if(!d){var g=a.overrideProperties(b.getOptions().ColVis,f?f.ColVis:null);c.fn.DataTable.ColVis&&e(function(){c(".ColVis_MasterButton").attr("class","ColVis_MasterButton "+g.classes.masterButton),c(".ColVis_Button").removeClass("ColVis_Button")}),d=!0}},this.deIntegrate=function(){d&&c.fn.DataTable.ColVis&&(d=!1)}}]),d.module("datatables.bootstrap",["datatables.bootstrap.options","datatables.bootstrap.tabletools","datatables.bootstrap.colvis"]).service("DTBootstrap",["DTBootstrapTableTools","DTBootstrapColVis","DTBootstrapDefaultOptions",function(a,e,f){var g=!1,h=[],i={},j=function(){i.oStdClasses=d.copy(c.fn.dataTableExt.oStdClasses),i.fnPagingInfo=c.fn.dataTableExt.oApi.fnPagingInfo,i.renderer=d.copy(c.fn.DataTable.ext.renderer),c.fn.DataTable.TableTools&&(i.TableTools={classes:d.copy(c.fn.DataTable.TableTools.classes),oTags:d.copy(c.fn.DataTable.TableTools.DEFAULTS.oTags)})},k=function(){c.extend(c.fn.dataTableExt.oStdClasses,i.oStdClasses),c.fn.dataTableExt.oApi.fnPagingInfo=i.fnPagingInfo,c.extend(!0,c.fn.DataTable.ext.renderer,i.renderer)},l=function(){c.extend(c.fn.dataTableExt.oStdClasses,{sWrapper:"dataTables_wrapper form-inline",sFilterInput:"form-control input-sm",sLengthSelect:"form-control input-sm",sFilter:"dataTables_filter",sLength:"dataTables_length"})},m=function(){c.fn.dataTableExt.oApi.fnPagingInfo=function(a){return{iStart:a._iDisplayStart,iEnd:a.fnDisplayEnd(),iLength:a._iDisplayLength,iTotal:a.fnRecordsTotal(),iFilteredTotal:a.fnRecordsDisplay(),iPage:-1===a._iDisplayLength?0:Math.ceil(a._iDisplayStart/a._iDisplayLength),iTotalPages:-1===a._iDisplayLength?0:Math.ceil(a.fnRecordsDisplay()/a._iDisplayLength)}}},n=function(){c.extend(!0,c.fn.DataTable.ext.renderer,{pageButton:{_:function(a,d,e,f,g,h){var i,j,k=a.oClasses,l=a.oLanguage.oPaginate,m=0,n=c("<ul></ul>",{"class":"pagination"}),o=function(b,d){var f,p,q,r,s=function(b){b.preventDefault(),c.fn.DataTable.ext.internal._fnPageChange(a,b.data.action,!0)};for(f=0,p=d.length;p>f;f++)if(r=d[f],c.isArray(r)){r.DT_el="li";var t=c("<"+(r.DT_el||"div")+"/>").appendTo(n);o(t,r)}else{i="",j="";var u,v=c("<li></li>");switch(r){case"ellipsis":n.append('<li class="disabled"><a href="#" onClick="event.preventDefault()">…</a></li>');break;case"first":i=l.sFirst,j=r,0>=g&&(v.addClass(k.sPageButtonDisabled),u=!0);break;case"previous":i=l.sPrevious,j=r,0>=g&&(v.addClass(k.sPageButtonDisabled),u=!0);break;case"next":i=l.sNext,j=r,g>=h-1&&(v.addClass(k.sPageButtonDisabled),u=!0);break;case"last":i=l.sLast,j=r,g>=h-1&&(v.addClass(k.sPageButtonDisabled),u=!0);break;default:i=r+1,j="",g===r&&v.addClass(k.sPageButtonActive)}i&&(v.appendTo(n),q=c("<a>",{href:"#","class":j,"aria-controls":a.sTableId,"data-dt-idx":m,tabindex:a.iTabIndex,id:0===e&&"string"==typeof r?a.sTableId+"_"+r:null}).html(i).appendTo(v),c.fn.DataTable.ext.internal._fnBindAction(q,{action:r},s),m++)}};try{var p=c(b.activeElement).data("dt-idx"),q=c(d).empty();n.appendTo(q),o(q,f),null!==p&&c(d).find("[data-dt-idx="+p+"]").focus()}catch(r){}}}})},o=function(a){d.isFunction(a)&&h.push(a)},p=function(){g||(j(),l(),m(),n(),o(function(){c("div.dataTables_filter").find("input").addClass("form-control"),c("div.dataTables_length").find("select").addClass("form-control")}),g=!0)},q=function(a){if(!a.hasOverrideDom){var b=f.getOptions().dom;return a.hasColReorder&&(b="R"+b),a.hasColVis&&(b="C"+b),a.hasTableTools&&(b="T"+b),b}return a.sDom};this.integrate=function(b){p(),a.integrate(b.bootstrap),e.integrate(o,b.bootstrap),b.sDom=q(b),d.isUndefined(b.fnDrawCallback)&&(b.fnDrawCallback=function(){for(var a=0;a<h.length;a++)h[a]()})},this.deIntegrate=function(){g&&(k(),a.deIntegrate(),e.deIntegrate(),g=!1)}}]),d.module("datatables.bootstrap.options",["datatables.options","datatables.util"]).constant("DT_BOOTSTRAP_DEFAULT_OPTIONS",{TableTools:{classes:{container:"DTTT btn-group",buttons:{normal:"btn btn-default",disabled:"disabled"},collection:{container:"DTTT_dropdown dropdown-menu",buttons:{normal:"",disabled:"disabled"}},print:{info:"DTTT_print_info modal"},select:{row:"active"}},DEFAULTS:{oTags:{collection:{container:"ul",button:"li",liner:"a"}}}},ColVis:{classes:{masterButton:"btn btn-default"}},dom:"<'row'<'col-xs-6'l><'col-xs-6'f>r>t<'row'<'col-xs-6'i><'col-xs-6'p>>"}).service("DTBootstrapDefaultOptions",["DTDefaultOptions","DTPropertyUtil","DT_BOOTSTRAP_DEFAULT_OPTIONS",function(a,b,c){this.getOptions=function(){return b.overrideProperties(c,a.bootstrapOptions)}}]),d.module("datatables.directive",["datatables.renderer","datatables.options"]).directive("datatable",["DT_DEFAULT_OPTIONS","DTBootstrap","DTRendererFactory","DTRendererService",function(a,b,c,e){return{restrict:"A",scope:{dtOptions:"=",dtColumns:"=",dtColumnDefs:"=",datatable:"@"},compile:function(a){var b=a[0].innerHTML;return function(a,c,d,e){a.$watch("[dtOptions, dtColumns, dtColumnDefs]",function(a,d){if(a!==d){var f=a[0],g=d[0];f.reload&&f.sAjaxSource===g.sAjaxSource?f.reload=!1:e.render(c,e.buildOptions(),b)}},!0),e.showLoading(c),e.render(c,e.buildOptions(),b)}},controller:["$scope",function(a){var f;this.showLoading=function(a){e.showLoading(a)},this.buildOptions=function(){var c;return d.isDefined(a.dtOptions)&&(c={},d.extend(c,a.dtOptions),d.isArray(a.dtColumns)&&(c.aoColumns=a.dtColumns),d.isArray(a.dtColumnDefs)&&(c.aoColumnDefs=a.dtColumnDefs),c.integrateBootstrap?b.integrate(c):b.deIntegrate()),c},this.render=function(b,d,e){var g=a.datatable&&"ng"===a.datatable;f?f.withOptions(d).render(a,b,e):f=c.fromOptions(d,g).render(a,b,e)}}]}}]),d.module("datatables.factory",["datatables.bootstrap","datatables.options"]).factory("DTOptionsBuilder",["DT_DEFAULT_OPTIONS",function(a){var b={isPresent:function(){return d.isDefined(this.obj)&&null!==this.obj},orEmptyObj:function(){return this.isPresent()?this.obj:{}},or:function(a){return this.isPresent()?this.obj:a}},c=function(a){var c=Object.create(b);return c.obj=a,c},e={integrateBootstrap:!1,hasColVis:!1,hasColReorder:!1,hasTableTools:!1,hasOverrideDom:!1,reloadData:function(){return this.reload=!0,this},withOption:function(a,b){return d.isString(a)&&(this[a]=b),this},withSource:function(a){return this.sAjaxSource=a,this},withDataProp:function(a){return this.sAjaxDataProp=a,this},withFnServerData:function(a){if(!d.isFunction(a))throw new Error("The parameter must be a function");return this.fnServerData=a,this},withPaginationType:function(a){if(!d.isString(a))throw new Error("The pagination type must be provided");return this.sPaginationType=a,this},withLanguage:function(a){return this.oLanguage=a,this},withLanguageSource:function(a){return this.withLanguage({sUrl:a})},withDisplayLength:function(a){return this.iDisplayLength=a,this},withFnPromise:function(a){return this.fnPromise=a,this},withDOM:function(a){return this.sDom=a,this.hasOverrideDom=!0,this},withBootstrap:function(){return this.integrateBootstrap=!0,d.isObject(this.oClasses)?this.oClasses.sPageButtonActive="active":this.oClasses={sPageButtonActive:"active"},this},withBootstrapOptions:function(a){return this.bootstrap=a,this},withColReorderOption:function(a,b){return d.isString(a)&&(this.oColReorder=c(this.oColReorder).orEmptyObj(),this.oColReorder[a]=b),this},withColReorder:function(){var b="R";return this.sDom=b+c(this.sDom).or(a.dom),this.hasColReorder=!0,this},withColReorderOrder:function(a){return d.isArray(a)&&this.withColReorderOption("aiOrder",a),this},withColReorderCallback:function(a){if(!d.isFunction(a))throw new Error("The reorder callback must be a function");return this.withColReorderOption("fnReorderCallback",a),this},withColVisOption:function(a,b){return d.isString(a)&&(this.oColVis=c(this.oColVis).orEmptyObj(),this.oColVis[a]=b),this},withColVis:function(){var b="C";return this.sDom=b+c(this.sDom).or(a.dom),this.hasColVis=!0,this},withColVisStateChange:function(a){if(!d.isFunction(a))throw new Error("The state change must be a function");return this.withColVisOption("fnStateChange",a),this},withTableToolsOption:function(a,b){return d.isString(a)&&(this.oTableTools=c(this.oTableTools).orEmptyObj(),this.oTableTools[a]=b),this},withTableTools:function(b){var e="T";return this.sDom=e+c(this.sDom).or(a.dom),this.hasTableTools=!0,d.isString(b)&&this.withTableToolsOption("sSwfPath",b),this},withTableToolsButtons:function(a){return d.isArray(a)&&this.withTableToolsOption("aButtons",a),this}};return{newOptions:function(){return Object.create(e)},fromSource:function(a){var b=Object.create(e);return b.sAjaxSource=a,b},fromFnPromise:function(a){var b=Object.create(e);return b.fnPromise=a,b}}}]).factory("DTColumnBuilder",function(){var a={withOption:function(a,b){return d.isString(a)&&(this[a]=b),this},withTitle:function(a){return this.sTitle=a,this},withClass:function(a){return this.sClass=a,this},notVisible:function(){return this.bVisible=!1,this},notSortable:function(){return this.bSortable=!1,this},renderWith:function(a){return this.mRender=a,this}};return{newColumn:function(b,c){if(d.isUndefined(b))throw new Error('The parameter "mData" is not defined!');var e=Object.create(a);return e.mData=b,e.sTitle=c||"",e},DTColumn:a}}).factory("DTColumnDefBuilder",["DTColumnBuilder",function(a){return{newColumnDef:function(b){if(d.isUndefined(b))throw new Error('The parameter "targets" must be defined! See https://datatables.net/reference/option/columnDefs.targets');var c=Object.create(a.DTColumn);return c.aTargets=d.isArray(b)?b:[b],c}}}]).factory("DTLoadingTemplate",function(){return{html:'<h3 class="dt-loading">Loading...</h3>'}}),d.module("datatables",["datatables.directive","datatables.factory","datatables.bootstrap"]).run(function(){c.fn.DataTable.Api&&c.fn.DataTable.Api.register("ngDestroy()",function(b){return b=b||!1,this.iterator("table",function(d){var e,f=d.nTableWrapper.parentNode,g=d.oClasses,h=d.nTable,i=d.nTBody,j=d.nTHead,k=d.nTFoot,l=c(h),m=c(i),n=c(d.nTableWrapper),o=c.map(d.aoData,function(a){return a.nTr});d.bDestroying=!0,c.fn.DataTable.ext.internal._fnCallbackFire(d,"aoDestroyCallback","destroy",[d]),b||new c.fn.DataTable.Api(d).columns().visible(!0),n.unbind(".DT").find(":not(tbody *)").unbind(".DT"),c(a).unbind(".DT-"+d.sInstance),h!==j.parentNode&&(l.children("thead").detach(),l.append(j)),k&&h!==k.parentNode&&(l.children("tfoot").detach(),l.append(k)),l.detach(),n.detach(),d.aaSorting=[],d.aaSortingFixed=[],c.fn.DataTable.ext.internal._fnSortingClasses(d),c(o).removeClass(d.asStripeClasses.join(" ")),c("th, td",j).removeClass(g.sSortable+" "+g.sSortableAsc+" "+g.sSortableDesc+" "+g.sSortableNone),d.bJUI&&(c("th span."+g.sSortIcon+", td span."+g.sSortIcon,j).detach(),c("th, td",j).each(function(){var a=c("div."+g.sSortJUIWrapper,this);c(this).append(a.contents()),a.detach()})),!b&&f&&f.insertBefore(h,d.nTableReinsertBefore),l.css("width",d.sDestroyWidth).removeClass(g.sTable),e=d.asDestroyStripes.length,e&&m.children().each(function(a){c(this).addClass(d.asDestroyStripes[a%e])});var p=c.inArray(d,c.fn.DataTable.settings);-1!==p&&c.fn.DataTable.settings.splice(p,1)})})}),d.module("datatables.options",[]).constant("DT_DEFAULT_OPTIONS",{dom:"lfrtip",sAjaxDataProp:"",aoColumns:[]}).service("DTDefaultOptions",function(){this.bootstrapOptions={},this.setLanguageSource=function(a){return c.extend(c.fn.dataTable.defaults,{oLanguage:{sUrl:a}}),this},this.setLanguage=function(a){return c.extend(!0,c.fn.dataTable.defaults,{oLanguage:a}),this},this.setDisplayLength=function(a){return c.extend(c.fn.dataTable.defaults,{iDisplayLength:a}),this},this.setBootstrapOptions=function(a){return this.bootstrapOptions=a,this}}),d.module("datatables.renderer",["datatables.factory","datatables.options"]).factory("DTRendererService",["DTLoadingTemplate",function(a){var b=d.element(a.html);return{getLoadingElem:function(){return b},showLoading:function(a){a.after(b),a.hide(),b.show()},hideLoading:function(a){a.show(),b.hide()},renderDataTableAndEmitEvent:function(a,b,d){var e="#"+a.attr("id");c.fn.dataTable.isDataTable(e)&&(b.destroy=!0);var f=a.DataTable(b);return d.$emit("event:dataTableLoaded",{id:a.attr("id"),DataTable:f,dataTable:a.dataTable()}),f},doRenderDataTable:function(a,b,c){return this.hideLoading(a),this.renderDataTableAndEmitEvent(a,b,c)}}}]).factory("DTRenderer",function(){return{withOptions:function(a){return this.options=a,this}}}).factory("DTDefaultRenderer",["$timeout","DTRenderer","DTRendererService",function(a,b,c){return{create:function(d){var e=Object.create(b);return e.name="DTDefaultRenderer",e.options=d,e.render=function(b,d){var e=this;return a(function(){c.doRenderDataTable(d,e.options,b)},0,!1),e},e}}}]).factory("DTNGRenderer",["$compile","$timeout","DTRenderer","DTRendererService",function(a,b,c,d){return{create:function(e){var f=Object.create(c);return f.name="DTNGRenderer",f.options=e,f.render=function(c,e,f){var g=this,h=e.find("tbody").html(),i=h.match(/^\s*.+\s+in\s+(\S*)\s*/),j=i[1];if(!i)throw new Error('Expected expression in form of "_item_ in _collection_[ track by _id_]" but got "{0}".',h);var k,l=!1,m=c.$parent;return m.$watchCollection(j,function(){k&&l&&(k.ngDestroy(),e.html(f),a(e.contents())(m)),b(function(){l=!0,k=d.doRenderDataTable(e,g.options,c)},0,!1)},!0),g},f}}}]).factory("DTPromiseRenderer",["$timeout","DTRenderer","DTRendererService",function(a,b,c){return{create:function(e){var f,g=!1,h=function(b,d,e,g){b.aaData=e,a(function(){c.hideLoading(d),b.bDestroy=!0,f?(f.clear(),f.rows.add(b.aaData).draw()):f=c.renderDataTableAndEmitEvent(d,b,g)},0,!1)},i=Object.create(b);return i.name="DTPromiseRenderer",i.options=e,i.render=function(a,b){var c=this,e=null,f=function(d){h(c.options,b,d,a),e=null},i=function(a){e=d.isFunction(a)?a():a,e.then(f)},j=function(a){if(!d.isDefined(a))throw new Error("You must provide a promise or a function that returns a promise!");e?e.then(function(){i(a)}):i(a)};return g||(a.$watch("dtOptions.fnPromise",function(a,b){a!==b&&j(a)}),g=!0),j(a.dtOptions.fnPromise),c},i}}}]).factory("DTAjaxRenderer",["$timeout","DTRenderer","DTRendererService","DT_DEFAULT_OPTIONS",function(a,b,c,e){return{create:function(f){var g,h=function(a,b,c,e){d.isDefined(b)&&(a.sAjaxSource=b,d.isDefined(a.ajax)&&(d.isObject(a.ajax)?a.ajax.url=b:a.ajax={url:b})),i(a,c,e)},i=function(b,d,e){b.bDestroy=!0,a(function(){if(c.hideLoading(d),g){var a=b.sAjaxSource||b.ajax.url||b.ajax;g.ajax.url(a).load()}else g=c.renderDataTableAndEmitEvent(d,b,e)},0,!1)},j=Object.create(b);return j.name="DTAjaxRenderer",j.options=f,j.render=function(a,b){var c=this;return d.isUndefined(c.options.sAjaxDataProp)&&(c.options.sAjaxDataProp=e.sAjaxDataProp),d.isUndefined(c.options.aoColumns)&&(c.options.aoColumns=e.aoColumns),h(c.options,c.options.sAjaxSource,b,a),this},j}}}]).factory("DTRendererFactory",["DTDefaultRenderer","DTNGRenderer","DTPromiseRenderer","DTAjaxRenderer",function(a,b,c,e){return{fromOptions:function(f,g){return g?b.create(f):d.isDefined(f)?d.isDefined(f.fnPromise)&&null!==f.fnPromise?c.create(f):d.isDefined(f.sAjaxSource)&&null!==f.sAjaxSource||d.isDefined(f.ajax)&&null!==f.ajax?e.create(f):a.create(f):a.create()}}}]),d.module("datatables.util",[]).factory("DTPropertyUtil",function(){return{overrideProperties:function(a,b){var c=d.copy(a);if((d.isUndefined(c)||null===c)&&(c={}),d.isUndefined(b)||null===b)return c;if(d.isObject(b))for(var e in b)b.hasOwnProperty(e)&&(c[e]=this.overrideProperties(c[e],b[e]));else c=d.copy(b);return c}}})}(window,document,jQuery,angular);