angular-data-grid-full/demo/100k/js/demoApp.js

Light, flexible and performant Data Grid for AngularJS apps, with built-in sorting, pagination and filtering options, unified API for client-side and server-side data fetching, seamless synchronization with browser address bar and total freedom in mark-

(function () {
    'use strict';

    angular.module('myApp', ['ui.bootstrap', 'dataGrid', 'pagination', 'angular-loading-bar', 'ngAnimate'])
        .controller('myAppController', ['$scope', '$http', function ($scope, $http) {

            $scope.gridOptions = {
                data: [],
                urlSync: true
            };

            $http({
                method: 'GET',
                url: 'https://angular-data-grid.github.io/demo/100k.json'
            }).then(function successCallback(response) {
                $scope.gridOptions.data = response.data;
            });
        }]);

    //function generateJSON(length) {
    //    var jsonObj = [],
    //        i,
    //        max,
    //        names = ['Ann', 'Ben', 'Patrick', 'Steve', 'Fillip', 'Bob'],
    //        item;
    //    for (i = 0, max = length; i < max; i++) {
    //
    //        item = {};
    //        item.id = i;
    //        item.name = names[Math.round(Math.random() * (names.length - 1))];
    //        item.phone = '+375-29-' + Math.round(Math.random() * 1000000);
    //        item.date = Math.round(Math.random() * 1000000000000);
    //        jsonObj.push(item);
    //
    //    }
    //    return jsonObj;
    //}
})();