AngularJS ngTable delays ajax mapping data

Question

AngularJS ngTable delays ajax mapping data

Background

I do my best to use ngTable . I went through ngTable ajax demo and tried to reasonably follow suit; but I need to deviate from the part where ngTable ajax demo defines ngResource in line with the controller.

Problem

I have successfully built a ngTable with ngTable the Filters ; My webapp here (see also. Plunker ). It ngTable, which:

Loads data from service json REST
Creates ngTable of data json
Varieties
Filters

Service json REST is loaded correctly and filters work. However, my problem is that the table is empty, until I find something in the "Filter" (see. Before and after screenshots below).

The problem exists in all browsers I've tried:

Firefox 27.0.1 (Windows Vista)
Version of Chrome 33.0.1750.146 (Windows Vista)
Version of Chrome 32.0.1700.123 (Linux - Debian 7.0 Wheezy)

I know that webapp broken in Internet Exploder 9 ... I do not know why, but I'm really not interested in IE; This webapp will not be a public web service.

Questions

How to make a table to fill in for the first time, when I load my the webapp (without typing anything in the filters)?
Why is it now broken?

Note. The source code is located at the bottom of the page ... I built plunker for it.

End notes

^{Note 1} _{Clear readers may notice that I use the [[ and ]] in his AngularJS instead of the default delimiters in curly brackets.} _{I did it because I use Flask with Jinja (which is also double curly brackets are necessary)}

screenshots

BEFORE: Page is empty, when I load it:

AFTER: However, if I find a character in the filters, ngTable displays data:

Update: The obvious solution to the problem, thanks to answer lib3d

 <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters /* Lib3d fix (ie data.$promise) is below */ data.$promise.then(function (data) { /* the data is here, work with it */ $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // Filtering var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; // Sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; $defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count())); /* set total for recalc pagination */ params.total(orderedData.length); // This shouldn't be required, but keeping here in case //if(!$scope.$$phase) { // $scope.$apply(); //} } }); }); }); </script> HTTP GET / POST / DELETE calls <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters /* Lib3d fix (ie data.$promise) is below */ data.$promise.then(function (data) { /* the data is here, work with it */ $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // Filtering var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; // Sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; $defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count())); /* set total for recalc pagination */ params.total(orderedData.length); // This shouldn't be required, but keeping here in case //if(!$scope.$$phase) { // $scope.$apply(); //} } }); }); }); </script> , [ "ngResource"]); <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters /* Lib3d fix (ie data.$promise) is below */ data.$promise.then(function (data) { /* the data is here, work with it */ $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // Filtering var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; // Sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; $defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count())); /* set total for recalc pagination */ params.total(orderedData.length); // This shouldn't be required, but keeping here in case //if(!$scope.$$phase) { // $scope.$apply(); //} } }); }); }); </script> {}, {}); <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters /* Lib3d fix (ie data.$promise) is below */ data.$promise.then(function (data) { /* the data is here, work with it */ $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // Filtering var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; // Sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; $defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count())); /* set total for recalc pagination */ params.total(orderedData.length); // This shouldn't be required, but keeping here in case //if(!$scope.$$phase) { // $scope.$apply(); //} } }); }); }); </script> ; <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters /* Lib3d fix (ie data.$promise) is below */ data.$promise.then(function (data) { /* the data is here, work with it */ $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // Filtering var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; // Sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; $defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count())); /* set total for recalc pagination */ params.total(orderedData.length); // This shouldn't be required, but keeping here in case //if(!$scope.$$phase) { // $scope.$apply(); //} } }); }); }); </script> $ scope, $ filter, restDemo, ngTableParams) { <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters /* Lib3d fix (ie data.$promise) is below */ data.$promise.then(function (data) { /* the data is here, work with it */ $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // Filtering var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; // Sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; $defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count())); /* set total for recalc pagination */ params.total(orderedData.length); // This shouldn't be required, but keeping here in case //if(!$scope.$$phase) { // $scope.$apply(); //} } }); }); }); </script> with it * / <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters /* Lib3d fix (ie data.$promise) is below */ data.$promise.then(function (data) { /* the data is here, work with it */ $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // Filtering var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; // Sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; $defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count())); /* set total for recalc pagination */ params.total(orderedData.length); // This shouldn't be required, but keeping here in case //if(!$scope.$$phase) { // $scope.$apply(); //} } }); }); }); </script> data, params.filter ()): <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters /* Lib3d fix (ie data.$promise) is below */ data.$promise.then(function (data) { /* the data is here, work with it */ $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // Filtering var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; // Sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; $defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count())); /* set total for recalc pagination */ params.total(orderedData.length); // This shouldn't be required, but keeping here in case //if(!$scope.$$phase) { // $scope.$apply(); //} } }); }); }); </script> orderedData, params.orderBy ()): <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters /* Lib3d fix (ie data.$promise) is below */ data.$promise.then(function (data) { /* the data is here, work with it */ $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // Filtering var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; // Sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; $defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count())); /* set total for recalc pagination */ params.total(orderedData.length); // This shouldn't be required, but keeping here in case //if(!$scope.$$phase) { // $scope.$apply(); //} } }); }); }); </script> ) - <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters /* Lib3d fix (ie data.$promise) is below */ data.$promise.then(function (data) { /* the data is here, work with it */ $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // Filtering var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; // Sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; $defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count())); /* set total for recalc pagination */ params.total(orderedData.length); // This shouldn't be required, but keeping here in case //if(!$scope.$$phase) { // $scope.$apply(); //} } }); }); }); </script> ) * params.count ())); <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters /* Lib3d fix (ie data.$promise) is below */ data.$promise.then(function (data) { /* the data is here, work with it */ $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // Filtering var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; // Sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; $defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count())); /* set total for recalc pagination */ params.total(orderedData.length); // This shouldn't be required, but keeping here in case //if(!$scope.$$phase) { // $scope.$apply(); //} } }); }); }); </script> keeping here in case <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters /* Lib3d fix (ie data.$promise) is below */ data.$promise.then(function (data) { /* the data is here, work with it */ $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // Filtering var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; // Sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; $defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count())); /* set total for recalc pagination */ params.total(orderedData.length); // This shouldn't be required, but keeping here in case //if(!$scope.$$phase) { // $scope.$apply(); //} } }); }); }); </script> ; <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters /* Lib3d fix (ie data.$promise) is below */ data.$promise.then(function (data) { /* the data is here, work with it */ $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // Filtering var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; // Sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; $defer.resolve(orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count())); /* set total for recalc pagination */ params.total(orderedData.length); // This shouldn't be required, but keeping here in case //if(!$scope.$$phase) { // $scope.$apply(); //} } }); }); }); </script>

Broken demo source code

 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!-- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding-top: 30px; /* 30px pad at the top of screen */ } </style> <!-- Fix up title --> <title>DATA DEMO</title> </head> <body> <div class="pure-g"> </div> <!-- Static navbar --> <div class="pure-g"> <div id="menu" class="pure-u"> <div class="pure-menu pure-menu-horizontal pure-menu-open"> <ul> <li><a href="#">Add Demo</a></li> <li class="active"><a href="#">List Demo</a></li> <li><a href="#">List Projects</a></li> <li> <a href="/login">Login</a> </ul> </div><!--/.nav-collapse --> </div> </div> <!--- insert stuff here --> <div id="Tasks" ng-app="taskTable" ng-controller="tableCntl"> <p><strong>Filter:</strong> [[tableParams.filter()|json]] <table ng-table="tableParams" show-filter="true" class="table"> <tbody> <tr ng-repeat="words in $data"> <td data-title="'Column01'" sortable="Column01" filter="{'Column01': 'text'}"> [[words.Column01]] </td> <td data-title="'Column02'" sortable="Column02" filter="{'Column02': 'text'}"> [[words.Column02]] </td> <td data-title="'Column03'" sortable="Column03" filter="{'Column03': 'text'}"> [[words.Column03]] </td> </tr> </tbody> </table> </div> </body> <!-- insert JS at the bottom of the page --> <footer> <!-- all flash messages are processed here --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"></script> <!-- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> --> <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // use build-in angular filter var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; //sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; // store filtered data as $scope.words $scope.words = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()); params.total(orderedData.length); // set total for recalc pagination $defer.resolve($scope.words); $defer.resolve(data.result); } }); }); </script> <!-- Custom footer content here --> </footer> </html> = ""> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!-- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding-top: 30px; /* 30px pad at the top of screen */ } </style> <!-- Fix up title --> <title>DATA DEMO</title> </head> <body> <div class="pure-g"> </div> <!-- Static navbar --> <div class="pure-g"> <div id="menu" class="pure-u"> <div class="pure-menu pure-menu-horizontal pure-menu-open"> <ul> <li><a href="#">Add Demo</a></li> <li class="active"><a href="#">List Demo</a></li> <li><a href="#">List Projects</a></li> <li> <a href="/login">Login</a> </ul> </div><!--/.nav-collapse --> </div> </div> <!--- insert stuff here --> <div id="Tasks" ng-app="taskTable" ng-controller="tableCntl"> <p><strong>Filter:</strong> [[tableParams.filter()|json]] <table ng-table="tableParams" show-filter="true" class="table"> <tbody> <tr ng-repeat="words in $data"> <td data-title="'Column01'" sortable="Column01" filter="{'Column01': 'text'}"> [[words.Column01]] </td> <td data-title="'Column02'" sortable="Column02" filter="{'Column02': 'text'}"> [[words.Column02]] </td> <td data-title="'Column03'" sortable="Column03" filter="{'Column03': 'text'}"> [[words.Column03]] </td> </tr> </tbody> </table> </div> </body> <!-- insert JS at the bottom of the page --> <footer> <!-- all flash messages are processed here --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"></script> <!-- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> --> <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // use build-in angular filter var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; //sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; // store filtered data as $scope.words $scope.words = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()); params.total(orderedData.length); // set total for recalc pagination $defer.resolve($scope.words); $defer.resolve(data.result); } }); }); </script> <!-- Custom footer content here --> </footer> </html> = "http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!-- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding-top: 30px; /* 30px pad at the top of screen */ } </style> <!-- Fix up title --> <title>DATA DEMO</title> </head> <body> <div class="pure-g"> </div> <!-- Static navbar --> <div class="pure-g"> <div id="menu" class="pure-u"> <div class="pure-menu pure-menu-horizontal pure-menu-open"> <ul> <li><a href="#">Add Demo</a></li> <li class="active"><a href="#">List Demo</a></li> <li><a href="#">List Projects</a></li> <li> <a href="/login">Login</a> </ul> </div><!--/.nav-collapse --> </div> </div> <!--- insert stuff here --> <div id="Tasks" ng-app="taskTable" ng-controller="tableCntl"> <p><strong>Filter:</strong> [[tableParams.filter()|json]] <table ng-table="tableParams" show-filter="true" class="table"> <tbody> <tr ng-repeat="words in $data"> <td data-title="'Column01'" sortable="Column01" filter="{'Column01': 'text'}"> [[words.Column01]] </td> <td data-title="'Column02'" sortable="Column02" filter="{'Column02': 'text'}"> [[words.Column02]] </td> <td data-title="'Column03'" sortable="Column03" filter="{'Column03': 'text'}"> [[words.Column03]] </td> </tr> </tbody> </table> </div> </body> <!-- insert JS at the bottom of the page --> <footer> <!-- all flash messages are processed here --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"></script> <!-- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> --> <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // use build-in angular filter var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; //sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; // store filtered data as $scope.words $scope.words = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()); params.total(orderedData.length); // set total for recalc pagination $defer.resolve($scope.words); $defer.resolve(data.result); } }); }); </script> <!-- Custom footer content here --> </footer> </html> = "// cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!-- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding-top: 30px; /* 30px pad at the top of screen */ } </style> <!-- Fix up title --> <title>DATA DEMO</title> </head> <body> <div class="pure-g"> </div> <!-- Static navbar --> <div class="pure-g"> <div id="menu" class="pure-u"> <div class="pure-menu pure-menu-horizontal pure-menu-open"> <ul> <li><a href="#">Add Demo</a></li> <li class="active"><a href="#">List Demo</a></li> <li><a href="#">List Projects</a></li> <li> <a href="/login">Login</a> </ul> </div><!--/.nav-collapse --> </div> </div> <!--- insert stuff here --> <div id="Tasks" ng-app="taskTable" ng-controller="tableCntl"> <p><strong>Filter:</strong> [[tableParams.filter()|json]] <table ng-table="tableParams" show-filter="true" class="table"> <tbody> <tr ng-repeat="words in $data"> <td data-title="'Column01'" sortable="Column01" filter="{'Column01': 'text'}"> [[words.Column01]] </td> <td data-title="'Column02'" sortable="Column02" filter="{'Column02': 'text'}"> [[words.Column02]] </td> <td data-title="'Column03'" sortable="Column03" filter="{'Column03': 'text'}"> [[words.Column03]] </td> </tr> </tbody> </table> </div> </body> <!-- insert JS at the bottom of the page --> <footer> <!-- all flash messages are processed here --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"></script> <!-- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> --> <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // use build-in angular filter var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; //sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; // store filtered data as $scope.words $scope.words = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()); params.total(orderedData.length); // set total for recalc pagination $defer.resolve($scope.words); $defer.resolve(data.result); } }); }); </script> <!-- Custom footer content here --> </footer> </html> = "// ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!-- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding-top: 30px; /* 30px pad at the top of screen */ } </style> <!-- Fix up title --> <title>DATA DEMO</title> </head> <body> <div class="pure-g"> </div> <!-- Static navbar --> <div class="pure-g"> <div id="menu" class="pure-u"> <div class="pure-menu pure-menu-horizontal pure-menu-open"> <ul> <li><a href="#">Add Demo</a></li> <li class="active"><a href="#">List Demo</a></li> <li><a href="#">List Projects</a></li> <li> <a href="/login">Login</a> </ul> </div><!--/.nav-collapse --> </div> </div> <!--- insert stuff here --> <div id="Tasks" ng-app="taskTable" ng-controller="tableCntl"> <p><strong>Filter:</strong> [[tableParams.filter()|json]] <table ng-table="tableParams" show-filter="true" class="table"> <tbody> <tr ng-repeat="words in $data"> <td data-title="'Column01'" sortable="Column01" filter="{'Column01': 'text'}"> [[words.Column01]] </td> <td data-title="'Column02'" sortable="Column02" filter="{'Column02': 'text'}"> [[words.Column02]] </td> <td data-title="'Column03'" sortable="Column03" filter="{'Column03': 'text'}"> [[words.Column03]] </td> </tr> </tbody> </table> </div> </body> <!-- insert JS at the bottom of the page --> <footer> <!-- all flash messages are processed here --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"></script> <!-- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> --> <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // use build-in angular filter var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; //sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; // store filtered data as $scope.words $scope.words = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()); params.total(orderedData.length); // set total for recalc pagination $defer.resolve($scope.words); $defer.resolve(data.result); } }); }); </script> <!-- Custom footer content here --> </footer> </html> = "text / css" href = "http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!-- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding-top: 30px; /* 30px pad at the top of screen */ } </style> <!-- Fix up title --> <title>DATA DEMO</title> </head> <body> <div class="pure-g"> </div> <!-- Static navbar --> <div class="pure-g"> <div id="menu" class="pure-u"> <div class="pure-menu pure-menu-horizontal pure-menu-open"> <ul> <li><a href="#">Add Demo</a></li> <li class="active"><a href="#">List Demo</a></li> <li><a href="#">List Projects</a></li> <li> <a href="/login">Login</a> </ul> </div><!--/.nav-collapse --> </div> </div> <!--- insert stuff here --> <div id="Tasks" ng-app="taskTable" ng-controller="tableCntl"> <p><strong>Filter:</strong> [[tableParams.filter()|json]] <table ng-table="tableParams" show-filter="true" class="table"> <tbody> <tr ng-repeat="words in $data"> <td data-title="'Column01'" sortable="Column01" filter="{'Column01': 'text'}"> [[words.Column01]] </td> <td data-title="'Column02'" sortable="Column02" filter="{'Column02': 'text'}"> [[words.Column02]] </td> <td data-title="'Column03'" sortable="Column03" filter="{'Column03': 'text'}"> [[words.Column03]] </td> </tr> </tbody> </table> </div> </body> <!-- insert JS at the bottom of the page --> <footer> <!-- all flash messages are processed here --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"></script> <!-- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> --> <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // use build-in angular filter var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; //sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; // store filtered data as $scope.words $scope.words = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()); params.total(orderedData.length); // set total for recalc pagination $defer.resolve($scope.words); $defer.resolve(data.result); } }); }); </script> <!-- Custom footer content here --> </footer> </html> "> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!-- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding-top: 30px; /* 30px pad at the top of screen */ } </style> <!-- Fix up title --> <title>DATA DEMO</title> </head> <body> <div class="pure-g"> </div> <!-- Static navbar --> <div class="pure-g"> <div id="menu" class="pure-u"> <div class="pure-menu pure-menu-horizontal pure-menu-open"> <ul> <li><a href="#">Add Demo</a></li> <li class="active"><a href="#">List Demo</a></li> <li><a href="#">List Projects</a></li> <li> <a href="/login">Login</a> </ul> </div><!--/.nav-collapse --> </div> </div> <!--- insert stuff here --> <div id="Tasks" ng-app="taskTable" ng-controller="tableCntl"> <p><strong>Filter:</strong> [[tableParams.filter()|json]] <table ng-table="tableParams" show-filter="true" class="table"> <tbody> <tr ng-repeat="words in $data"> <td data-title="'Column01'" sortable="Column01" filter="{'Column01': 'text'}"> [[words.Column01]] </td> <td data-title="'Column02'" sortable="Column02" filter="{'Column02': 'text'}"> [[words.Column02]] </td> <td data-title="'Column03'" sortable="Column03" filter="{'Column03': 'text'}"> [[words.Column03]] </td> </tr> </tbody> </table> </div> </body> <!-- insert JS at the bottom of the page --> <footer> <!-- all flash messages are processed here --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"></script> <!-- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> --> <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // use build-in angular filter var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; //sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; // store filtered data as $scope.words $scope.words = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()); params.total(orderedData.length); // set total for recalc pagination $defer.resolve($scope.words); $defer.resolve(data.result); } }); }); </script> <!-- Custom footer content here --> </footer> </html> "> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!-- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding-top: 30px; /* 30px pad at the top of screen */ } </style> <!-- Fix up title --> <title>DATA DEMO</title> </head> <body> <div class="pure-g"> </div> <!-- Static navbar --> <div class="pure-g"> <div id="menu" class="pure-u"> <div class="pure-menu pure-menu-horizontal pure-menu-open"> <ul> <li><a href="#">Add Demo</a></li> <li class="active"><a href="#">List Demo</a></li> <li><a href="#">List Projects</a></li> <li> <a href="/login">Login</a> </ul> </div><!--/.nav-collapse --> </div> </div> <!--- insert stuff here --> <div id="Tasks" ng-app="taskTable" ng-controller="tableCntl"> <p><strong>Filter:</strong> [[tableParams.filter()|json]] <table ng-table="tableParams" show-filter="true" class="table"> <tbody> <tr ng-repeat="words in $data"> <td data-title="'Column01'" sortable="Column01" filter="{'Column01': 'text'}"> [[words.Column01]] </td> <td data-title="'Column02'" sortable="Column02" filter="{'Column02': 'text'}"> [[words.Column02]] </td> <td data-title="'Column03'" sortable="Column03" filter="{'Column03': 'text'}"> [[words.Column03]] </td> </tr> </tbody> </table> </div> </body> <!-- insert JS at the bottom of the page --> <footer> <!-- all flash messages are processed here --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"></script> <!-- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> --> <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // use build-in angular filter var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; //sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; // store filtered data as $scope.words $scope.words = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()); params.total(orderedData.length); // set total for recalc pagination $defer.resolve($scope.words); $defer.resolve(data.result); } }); }); </script> <!-- Custom footer content here --> </footer> </html> pure-menu-horizontal pure-menu-open"> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!-- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding-top: 30px; /* 30px pad at the top of screen */ } </style> <!-- Fix up title --> <title>DATA DEMO</title> </head> <body> <div class="pure-g"> </div> <!-- Static navbar --> <div class="pure-g"> <div id="menu" class="pure-u"> <div class="pure-menu pure-menu-horizontal pure-menu-open"> <ul> <li><a href="#">Add Demo</a></li> <li class="active"><a href="#">List Demo</a></li> <li><a href="#">List Projects</a></li> <li> <a href="/login">Login</a> </ul> </div><!--/.nav-collapse --> </div> </div> <!--- insert stuff here --> <div id="Tasks" ng-app="taskTable" ng-controller="tableCntl"> <p><strong>Filter:</strong> [[tableParams.filter()|json]] <table ng-table="tableParams" show-filter="true" class="table"> <tbody> <tr ng-repeat="words in $data"> <td data-title="'Column01'" sortable="Column01" filter="{'Column01': 'text'}"> [[words.Column01]] </td> <td data-title="'Column02'" sortable="Column02" filter="{'Column02': 'text'}"> [[words.Column02]] </td> <td data-title="'Column03'" sortable="Column03" filter="{'Column03': 'text'}"> [[words.Column03]] </td> </tr> </tbody> </table> </div> </body> <!-- insert JS at the bottom of the page --> <footer> <!-- all flash messages are processed here --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"></script> <!-- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> --> <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // use build-in angular filter var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; //sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; // store filtered data as $scope.words $scope.words = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()); params.total(orderedData.length); // set total for recalc pagination $defer.resolve($scope.words); $defer.resolve(data.result); } }); }); </script> <!-- Custom footer content here --> </footer> </html> </ li> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!-- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding-top: 30px; /* 30px pad at the top of screen */ } </style> <!-- Fix up title --> <title>DATA DEMO</title> </head> <body> <div class="pure-g"> </div> <!-- Static navbar --> <div class="pure-g"> <div id="menu" class="pure-u"> <div class="pure-menu pure-menu-horizontal pure-menu-open"> <ul> <li><a href="#">Add Demo</a></li> <li class="active"><a href="#">List Demo</a></li> <li><a href="#">List Projects</a></li> <li> <a href="/login">Login</a> </ul> </div><!--/.nav-collapse --> </div> </div> <!--- insert stuff here --> <div id="Tasks" ng-app="taskTable" ng-controller="tableCntl"> <p><strong>Filter:</strong> [[tableParams.filter()|json]] <table ng-table="tableParams" show-filter="true" class="table"> <tbody> <tr ng-repeat="words in $data"> <td data-title="'Column01'" sortable="Column01" filter="{'Column01': 'text'}"> [[words.Column01]] </td> <td data-title="'Column02'" sortable="Column02" filter="{'Column02': 'text'}"> [[words.Column02]] </td> <td data-title="'Column03'" sortable="Column03" filter="{'Column03': 'text'}"> [[words.Column03]] </td> </tr> </tbody> </table> </div> </body> <!-- insert JS at the bottom of the page --> <footer> <!-- all flash messages are processed here --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"></script> <!-- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> --> <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // use build-in angular filter var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; //sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; // store filtered data as $scope.words $scope.words = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()); params.total(orderedData.length); // set total for recalc pagination $defer.resolve($scope.words); $defer.resolve(data.result); } }); }); </script> <!-- Custom footer content here --> </footer> </html> <a href="#"> List Demo </a> </ li> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!-- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding-top: 30px; /* 30px pad at the top of screen */ } </style> <!-- Fix up title --> <title>DATA DEMO</title> </head> <body> <div class="pure-g"> </div> <!-- Static navbar --> <div class="pure-g"> <div id="menu" class="pure-u"> <div class="pure-menu pure-menu-horizontal pure-menu-open"> <ul> <li><a href="#">Add Demo</a></li> <li class="active"><a href="#">List Demo</a></li> <li><a href="#">List Projects</a></li> <li> <a href="/login">Login</a> </ul> </div><!--/.nav-collapse --> </div> </div> <!--- insert stuff here --> <div id="Tasks" ng-app="taskTable" ng-controller="tableCntl"> <p><strong>Filter:</strong> [[tableParams.filter()|json]] <table ng-table="tableParams" show-filter="true" class="table"> <tbody> <tr ng-repeat="words in $data"> <td data-title="'Column01'" sortable="Column01" filter="{'Column01': 'text'}"> [[words.Column01]] </td> <td data-title="'Column02'" sortable="Column02" filter="{'Column02': 'text'}"> [[words.Column02]] </td> <td data-title="'Column03'" sortable="Column03" filter="{'Column03': 'text'}"> [[words.Column03]] </td> </tr> </tbody> </table> </div> </body> <!-- insert JS at the bottom of the page --> <footer> <!-- all flash messages are processed here --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"></script> <!-- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> --> <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // use build-in angular filter var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; //sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; // store filtered data as $scope.words $scope.words = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()); params.total(orderedData.length); // set total for recalc pagination $defer.resolve($scope.words); $defer.resolve(data.result); } }); }); </script> <!-- Custom footer content here --> </footer> </html> -app = "taskTable" ng-controller = "tableCntl"> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!-- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding-top: 30px; /* 30px pad at the top of screen */ } </style> <!-- Fix up title --> <title>DATA DEMO</title> </head> <body> <div class="pure-g"> </div> <!-- Static navbar --> <div class="pure-g"> <div id="menu" class="pure-u"> <div class="pure-menu pure-menu-horizontal pure-menu-open"> <ul> <li><a href="#">Add Demo</a></li> <li class="active"><a href="#">List Demo</a></li> <li><a href="#">List Projects</a></li> <li> <a href="/login">Login</a> </ul> </div><!--/.nav-collapse --> </div> </div> <!--- insert stuff here --> <div id="Tasks" ng-app="taskTable" ng-controller="tableCntl"> <p><strong>Filter:</strong> [[tableParams.filter()|json]] <table ng-table="tableParams" show-filter="true" class="table"> <tbody> <tr ng-repeat="words in $data"> <td data-title="'Column01'" sortable="Column01" filter="{'Column01': 'text'}"> [[words.Column01]] </td> <td data-title="'Column02'" sortable="Column02" filter="{'Column02': 'text'}"> [[words.Column02]] </td> <td data-title="'Column03'" sortable="Column03" filter="{'Column03': 'text'}"> [[words.Column03]] </td> </tr> </tbody> </table> </div> </body> <!-- insert JS at the bottom of the page --> <footer> <!-- all flash messages are processed here --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"></script> <!-- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> --> <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // use build-in angular filter var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; //sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; // store filtered data as $scope.words $scope.words = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()); params.total(orderedData.length); // set total for recalc pagination $defer.resolve($scope.words); $defer.resolve(data.result); } }); }); </script> <!-- Custom footer content here --> </footer> </html> </ strong> [[tableParams.filter () | json]] <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!-- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding-top: 30px; /* 30px pad at the top of screen */ } </style> <!-- Fix up title --> <title>DATA DEMO</title> </head> <body> <div class="pure-g"> </div> <!-- Static navbar --> <div class="pure-g"> <div id="menu" class="pure-u"> <div class="pure-menu pure-menu-horizontal pure-menu-open"> <ul> <li><a href="#">Add Demo</a></li> <li class="active"><a href="#">List Demo</a></li> <li><a href="#">List Projects</a></li> <li> <a href="/login">Login</a> </ul> </div><!--/.nav-collapse --> </div> </div> <!--- insert stuff here --> <div id="Tasks" ng-app="taskTable" ng-controller="tableCntl"> <p><strong>Filter:</strong> [[tableParams.filter()|json]] <table ng-table="tableParams" show-filter="true" class="table"> <tbody> <tr ng-repeat="words in $data"> <td data-title="'Column01'" sortable="Column01" filter="{'Column01': 'text'}"> [[words.Column01]] </td> <td data-title="'Column02'" sortable="Column02" filter="{'Column02': 'text'}"> [[words.Column02]] </td> <td data-title="'Column03'" sortable="Column03" filter="{'Column03': 'text'}"> [[words.Column03]] </td> </tr> </tbody> </table> </div> </body> <!-- insert JS at the bottom of the page --> <footer> <!-- all flash messages are processed here --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"></script> <!-- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> --> <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // use build-in angular filter var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; //sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; // store filtered data as $scope.words $scope.words = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()); params.total(orderedData.length); // set total for recalc pagination $defer.resolve($scope.words); $defer.resolve(data.result); } }); }); </script> <!-- Custom footer content here --> </footer> </html> " show-filter = "true" class = "table"> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!-- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding-top: 30px; /* 30px pad at the top of screen */ } </style> <!-- Fix up title --> <title>DATA DEMO</title> </head> <body> <div class="pure-g"> </div> <!-- Static navbar --> <div class="pure-g"> <div id="menu" class="pure-u"> <div class="pure-menu pure-menu-horizontal pure-menu-open"> <ul> <li><a href="#">Add Demo</a></li> <li class="active"><a href="#">List Demo</a></li> <li><a href="#">List Projects</a></li> <li> <a href="/login">Login</a> </ul> </div><!--/.nav-collapse --> </div> </div> <!--- insert stuff here --> <div id="Tasks" ng-app="taskTable" ng-controller="tableCntl"> <p><strong>Filter:</strong> [[tableParams.filter()|json]] <table ng-table="tableParams" show-filter="true" class="table"> <tbody> <tr ng-repeat="words in $data"> <td data-title="'Column01'" sortable="Column01" filter="{'Column01': 'text'}"> [[words.Column01]] </td> <td data-title="'Column02'" sortable="Column02" filter="{'Column02': 'text'}"> [[words.Column02]] </td> <td data-title="'Column03'" sortable="Column03" filter="{'Column03': 'text'}"> [[words.Column03]] </td> </tr> </tbody> </table> </div> </body> <!-- insert JS at the bottom of the page --> <footer> <!-- all flash messages are processed here --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"></script> <!-- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> --> <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // use build-in angular filter var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; //sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; // store filtered data as $scope.words $scope.words = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()); params.total(orderedData.length); // set total for recalc pagination $defer.resolve($scope.words); $defer.resolve(data.result); } }); }); </script> <!-- Custom footer content here --> </footer> </html> Column01'" sortable = "Column01" filter = "{ 'Column01': 'text'}"> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!-- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding-top: 30px; /* 30px pad at the top of screen */ } </style> <!-- Fix up title --> <title>DATA DEMO</title> </head> <body> <div class="pure-g"> </div> <!-- Static navbar --> <div class="pure-g"> <div id="menu" class="pure-u"> <div class="pure-menu pure-menu-horizontal pure-menu-open"> <ul> <li><a href="#">Add Demo</a></li> <li class="active"><a href="#">List Demo</a></li> <li><a href="#">List Projects</a></li> <li> <a href="/login">Login</a> </ul> </div><!--/.nav-collapse --> </div> </div> <!--- insert stuff here --> <div id="Tasks" ng-app="taskTable" ng-controller="tableCntl"> <p><strong>Filter:</strong> [[tableParams.filter()|json]] <table ng-table="tableParams" show-filter="true" class="table"> <tbody> <tr ng-repeat="words in $data"> <td data-title="'Column01'" sortable="Column01" filter="{'Column01': 'text'}"> [[words.Column01]] </td> <td data-title="'Column02'" sortable="Column02" filter="{'Column02': 'text'}"> [[words.Column02]] </td> <td data-title="'Column03'" sortable="Column03" filter="{'Column03': 'text'}"> [[words.Column03]] </td> </tr> </tbody> </table> </div> </body> <!-- insert JS at the bottom of the page --> <footer> <!-- all flash messages are processed here --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"></script> <!-- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> --> <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // use build-in angular filter var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; //sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; // store filtered data as $scope.words $scope.words = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()); params.total(orderedData.length); // set total for recalc pagination $defer.resolve($scope.words); $defer.resolve(data.result); } }); }); </script> <!-- Custom footer content here --> </footer> </html> Column02'" sortable = "Column02" filter = "{ 'Column02': 'text'}"> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!-- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding-top: 30px; /* 30px pad at the top of screen */ } </style> <!-- Fix up title --> <title>DATA DEMO</title> </head> <body> <div class="pure-g"> </div> <!-- Static navbar --> <div class="pure-g"> <div id="menu" class="pure-u"> <div class="pure-menu pure-menu-horizontal pure-menu-open"> <ul> <li><a href="#">Add Demo</a></li> <li class="active"><a href="#">List Demo</a></li> <li><a href="#">List Projects</a></li> <li> <a href="/login">Login</a> </ul> </div><!--/.nav-collapse --> </div> </div> <!--- insert stuff here --> <div id="Tasks" ng-app="taskTable" ng-controller="tableCntl"> <p><strong>Filter:</strong> [[tableParams.filter()|json]] <table ng-table="tableParams" show-filter="true" class="table"> <tbody> <tr ng-repeat="words in $data"> <td data-title="'Column01'" sortable="Column01" filter="{'Column01': 'text'}"> [[words.Column01]] </td> <td data-title="'Column02'" sortable="Column02" filter="{'Column02': 'text'}"> [[words.Column02]] </td> <td data-title="'Column03'" sortable="Column03" filter="{'Column03': 'text'}"> [[words.Column03]] </td> </tr> </tbody> </table> </div> </body> <!-- insert JS at the bottom of the page --> <footer> <!-- all flash messages are processed here --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"></script> <!-- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> --> <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // use build-in angular filter var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; //sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; // store filtered data as $scope.words $scope.words = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()); params.total(orderedData.length); // set total for recalc pagination $defer.resolve($scope.words); $defer.resolve(data.result); } }); }); </script> <!-- Custom footer content here --> </footer> </html> Column03'" sortable = "Column03" filter = "{ 'Column03': 'text'}"> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!-- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding-top: 30px; /* 30px pad at the top of screen */ } </style> <!-- Fix up title --> <title>DATA DEMO</title> </head> <body> <div class="pure-g"> </div> <!-- Static navbar --> <div class="pure-g"> <div id="menu" class="pure-u"> <div class="pure-menu pure-menu-horizontal pure-menu-open"> <ul> <li><a href="#">Add Demo</a></li> <li class="active"><a href="#">List Demo</a></li> <li><a href="#">List Projects</a></li> <li> <a href="/login">Login</a> </ul> </div><!--/.nav-collapse --> </div> </div> <!--- insert stuff here --> <div id="Tasks" ng-app="taskTable" ng-controller="tableCntl"> <p><strong>Filter:</strong> [[tableParams.filter()|json]] <table ng-table="tableParams" show-filter="true" class="table"> <tbody> <tr ng-repeat="words in $data"> <td data-title="'Column01'" sortable="Column01" filter="{'Column01': 'text'}"> [[words.Column01]] </td> <td data-title="'Column02'" sortable="Column02" filter="{'Column02': 'text'}"> [[words.Column02]] </td> <td data-title="'Column03'" sortable="Column03" filter="{'Column03': 'text'}"> [[words.Column03]] </td> </tr> </tbody> </table> </div> </body> <!-- insert JS at the bottom of the page --> <footer> <!-- all flash messages are processed here --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"></script> <!-- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> --> <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // use build-in angular filter var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; //sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; // store filtered data as $scope.words $scope.words = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()); params.total(orderedData.length); // set total for recalc pagination $defer.resolve($scope.words); $defer.resolve(data.result); } }); }); </script> <!-- Custom footer content here --> </footer> </html> > </ script> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!-- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding-top: 30px; /* 30px pad at the top of screen */ } </style> <!-- Fix up title --> <title>DATA DEMO</title> </head> <body> <div class="pure-g"> </div> <!-- Static navbar --> <div class="pure-g"> <div id="menu" class="pure-u"> <div class="pure-menu pure-menu-horizontal pure-menu-open"> <ul> <li><a href="#">Add Demo</a></li> <li class="active"><a href="#">List Demo</a></li> <li><a href="#">List Projects</a></li> <li> <a href="/login">Login</a> </ul> </div><!--/.nav-collapse --> </div> </div> <!--- insert stuff here --> <div id="Tasks" ng-app="taskTable" ng-controller="tableCntl"> <p><strong>Filter:</strong> [[tableParams.filter()|json]] <table ng-table="tableParams" show-filter="true" class="table"> <tbody> <tr ng-repeat="words in $data"> <td data-title="'Column01'" sortable="Column01" filter="{'Column01': 'text'}"> [[words.Column01]] </td> <td data-title="'Column02'" sortable="Column02" filter="{'Column02': 'text'}"> [[words.Column02]] </td> <td data-title="'Column03'" sortable="Column03" filter="{'Column03': 'text'}"> [[words.Column03]] </td> </tr> </tbody> </table> </div> </body> <!-- insert JS at the bottom of the page --> <footer> <!-- all flash messages are processed here --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"></script> <!-- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> --> <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // use build-in angular filter var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; //sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; // store filtered data as $scope.words $scope.words = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()); params.total(orderedData.length); // set total for recalc pagination $defer.resolve($scope.words); $defer.resolve(data.result); } }); }); </script> <!-- Custom footer content here --> </footer> </html> " src = "// ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"> </ script> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!-- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding-top: 30px; /* 30px pad at the top of screen */ } </style> <!-- Fix up title --> <title>DATA DEMO</title> </head> <body> <div class="pure-g"> </div> <!-- Static navbar --> <div class="pure-g"> <div id="menu" class="pure-u"> <div class="pure-menu pure-menu-horizontal pure-menu-open"> <ul> <li><a href="#">Add Demo</a></li> <li class="active"><a href="#">List Demo</a></li> <li><a href="#">List Projects</a></li> <li> <a href="/login">Login</a> </ul> </div><!--/.nav-collapse --> </div> </div> <!--- insert stuff here --> <div id="Tasks" ng-app="taskTable" ng-controller="tableCntl"> <p><strong>Filter:</strong> [[tableParams.filter()|json]] <table ng-table="tableParams" show-filter="true" class="table"> <tbody> <tr ng-repeat="words in $data"> <td data-title="'Column01'" sortable="Column01" filter="{'Column01': 'text'}"> [[words.Column01]] </td> <td data-title="'Column02'" sortable="Column02" filter="{'Column02': 'text'}"> [[words.Column02]] </td> <td data-title="'Column03'" sortable="Column03" filter="{'Column03': 'text'}"> [[words.Column03]] </td> </tr> </tbody> </table> </div> </body> <!-- insert JS at the bottom of the page --> <footer> <!-- all flash messages are processed here --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"></script> <!-- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> --> <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // use build-in angular filter var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; //sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; // store filtered data as $scope.words $scope.words = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()); params.total(orderedData.length); // set total for recalc pagination $defer.resolve($scope.words); $defer.resolve(data.result); } }); }); </script> <!-- Custom footer content here --> </footer> </html> " src = "// ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"> </ script> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!-- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding-top: 30px; /* 30px pad at the top of screen */ } </style> <!-- Fix up title --> <title>DATA DEMO</title> </head> <body> <div class="pure-g"> </div> <!-- Static navbar --> <div class="pure-g"> <div id="menu" class="pure-u"> <div class="pure-menu pure-menu-horizontal pure-menu-open"> <ul> <li><a href="#">Add Demo</a></li> <li class="active"><a href="#">List Demo</a></li> <li><a href="#">List Projects</a></li> <li> <a href="/login">Login</a> </ul> </div><!--/.nav-collapse --> </div> </div> <!--- insert stuff here --> <div id="Tasks" ng-app="taskTable" ng-controller="tableCntl"> <p><strong>Filter:</strong> [[tableParams.filter()|json]] <table ng-table="tableParams" show-filter="true" class="table"> <tbody> <tr ng-repeat="words in $data"> <td data-title="'Column01'" sortable="Column01" filter="{'Column01': 'text'}"> [[words.Column01]] </td> <td data-title="'Column02'" sortable="Column02" filter="{'Column02': 'text'}"> [[words.Column02]] </td> <td data-title="'Column03'" sortable="Column03" filter="{'Column03': 'text'}"> [[words.Column03]] </td> </tr> </tbody> </table> </div> </body> <!-- insert JS at the bottom of the page --> <footer> <!-- all flash messages are processed here --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"></script> <!-- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> --> <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // use build-in angular filter var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; //sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; // store filtered data as $scope.words $scope.words = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()); params.total(orderedData.length); // set total for recalc pagination $defer.resolve($scope.words); $defer.resolve(data.result); } }); }); </script> <!-- Custom footer content here --> </footer> </html> " src = "// ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"> </ script> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!-- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding-top: 30px; /* 30px pad at the top of screen */ } </style> <!-- Fix up title --> <title>DATA DEMO</title> </head> <body> <div class="pure-g"> </div> <!-- Static navbar --> <div class="pure-g"> <div id="menu" class="pure-u"> <div class="pure-menu pure-menu-horizontal pure-menu-open"> <ul> <li><a href="#">Add Demo</a></li> <li class="active"><a href="#">List Demo</a></li> <li><a href="#">List Projects</a></li> <li> <a href="/login">Login</a> </ul> </div><!--/.nav-collapse --> </div> </div> <!--- insert stuff here --> <div id="Tasks" ng-app="taskTable" ng-controller="tableCntl"> <p><strong>Filter:</strong> [[tableParams.filter()|json]] <table ng-table="tableParams" show-filter="true" class="table"> <tbody> <tr ng-repeat="words in $data"> <td data-title="'Column01'" sortable="Column01" filter="{'Column01': 'text'}"> [[words.Column01]] </td> <td data-title="'Column02'" sortable="Column02" filter="{'Column02': 'text'}"> [[words.Column02]] </td> <td data-title="'Column03'" sortable="Column03" filter="{'Column03': 'text'}"> [[words.Column03]] </td> </tr> </tbody> </table> </div> </body> <!-- insert JS at the bottom of the page --> <footer> <!-- all flash messages are processed here --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"></script> <!-- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> --> <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // use build-in angular filter var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; //sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; // store filtered data as $scope.words $scope.words = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()); params.total(orderedData.length); // set total for recalc pagination $defer.resolve($scope.words); $defer.resolve(data.result); } }); }); </script> <!-- Custom footer content here --> </footer> </html> " src = "// cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"> </ script> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!-- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding-top: 30px; /* 30px pad at the top of screen */ } </style> <!-- Fix up title --> <title>DATA DEMO</title> </head> <body> <div class="pure-g"> </div> <!-- Static navbar --> <div class="pure-g"> <div id="menu" class="pure-u"> <div class="pure-menu pure-menu-horizontal pure-menu-open"> <ul> <li><a href="#">Add Demo</a></li> <li class="active"><a href="#">List Demo</a></li> <li><a href="#">List Projects</a></li> <li> <a href="/login">Login</a> </ul> </div><!--/.nav-collapse --> </div> </div> <!--- insert stuff here --> <div id="Tasks" ng-app="taskTable" ng-controller="tableCntl"> <p><strong>Filter:</strong> [[tableParams.filter()|json]] <table ng-table="tableParams" show-filter="true" class="table"> <tbody> <tr ng-repeat="words in $data"> <td data-title="'Column01'" sortable="Column01" filter="{'Column01': 'text'}"> [[words.Column01]] </td> <td data-title="'Column02'" sortable="Column02" filter="{'Column02': 'text'}"> [[words.Column02]] </td> <td data-title="'Column03'" sortable="Column03" filter="{'Column03': 'text'}"> [[words.Column03]] </td> </tr> </tbody> </table> </div> </body> <!-- insert JS at the bottom of the page --> <footer> <!-- all flash messages are processed here --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"></script> <!-- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> --> <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // use build-in angular filter var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; //sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; // store filtered data as $scope.words $scope.words = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()); params.total(orderedData.length); // set total for recalc pagination $defer.resolve($scope.words); $defer.resolve(data.result); } }); }); </script> <!-- Custom footer content here --> </footer> </html> " src = "// cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"> </ script> <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!-- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding-top: 30px; /* 30px pad at the top of screen */ } </style> <!-- Fix up title --> <title>DATA DEMO</title> </head> <body> <div class="pure-g"> </div> <!-- Static navbar --> <div class="pure-g"> <div id="menu" class="pure-u"> <div class="pure-menu pure-menu-horizontal pure-menu-open"> <ul> <li><a href="#">Add Demo</a></li> <li class="active"><a href="#">List Demo</a></li> <li><a href="#">List Projects</a></li> <li> <a href="/login">Login</a> </ul> </div><!--/.nav-collapse --> </div> </div> <!--- insert stuff here --> <div id="Tasks" ng-app="taskTable" ng-controller="tableCntl"> <p><strong>Filter:</strong> [[tableParams.filter()|json]] <table ng-table="tableParams" show-filter="true" class="table"> <tbody> <tr ng-repeat="words in $data"> <td data-title="'Column01'" sortable="Column01" filter="{'Column01': 'text'}"> [[words.Column01]] </td> <td data-title="'Column02'" sortable="Column02" filter="{'Column02': 'text'}"> [[words.Column02]] </td> <td data-title="'Column03'" sortable="Column03" filter="{'Column03': 'text'}"> [[words.Column03]] </td> </tr> </tbody> </table> </div> </body> <!-- insert JS at the bottom of the page --> <footer> <!-- all flash messages are processed here --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"></script> <!-- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> --> <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // use build-in angular filter var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; //sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; // store filtered data as $scope.words $scope.words = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()); params.total(orderedData.length); // set total for recalc pagination $defer.resolve($scope.words); $defer.resolve(data.result); } }); }); </script> <!-- Custom footer content here --> </footer> </html> HTTP GET / POST / DELETE calls <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!-- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding-top: 30px; /* 30px pad at the top of screen */ } </style> <!-- Fix up title --> <title>DATA DEMO</title> </head> <body> <div class="pure-g"> </div> <!-- Static navbar --> <div class="pure-g"> <div id="menu" class="pure-u"> <div class="pure-menu pure-menu-horizontal pure-menu-open"> <ul> <li><a href="#">Add Demo</a></li> <li class="active"><a href="#">List Demo</a></li> <li><a href="#">List Projects</a></li> <li> <a href="/login">Login</a> </ul> </div><!--/.nav-collapse --> </div> </div> <!--- insert stuff here --> <div id="Tasks" ng-app="taskTable" ng-controller="tableCntl"> <p><strong>Filter:</strong> [[tableParams.filter()|json]] <table ng-table="tableParams" show-filter="true" class="table"> <tbody> <tr ng-repeat="words in $data"> <td data-title="'Column01'" sortable="Column01" filter="{'Column01': 'text'}"> [[words.Column01]] </td> <td data-title="'Column02'" sortable="Column02" filter="{'Column02': 'text'}"> [[words.Column02]] </td> <td data-title="'Column03'" sortable="Column03" filter="{'Column03': 'text'}"> [[words.Column03]] </td> </tr> </tbody> </table> </div> </body> <!-- insert JS at the bottom of the page --> <footer> <!-- all flash messages are processed here --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"></script> <!-- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> --> <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // use build-in angular filter var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; //sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; // store filtered data as $scope.words $scope.words = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()); params.total(orderedData.length); // set total for recalc pagination $defer.resolve($scope.words); $defer.resolve(data.result); } }); }); </script> <!-- Custom footer content here --> </footer> </html> , [ "ngResource"]); <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!-- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding-top: 30px; /* 30px pad at the top of screen */ } </style> <!-- Fix up title --> <title>DATA DEMO</title> </head> <body> <div class="pure-g"> </div> <!-- Static navbar --> <div class="pure-g"> <div id="menu" class="pure-u"> <div class="pure-menu pure-menu-horizontal pure-menu-open"> <ul> <li><a href="#">Add Demo</a></li> <li class="active"><a href="#">List Demo</a></li> <li><a href="#">List Projects</a></li> <li> <a href="/login">Login</a> </ul> </div><!--/.nav-collapse --> </div> </div> <!--- insert stuff here --> <div id="Tasks" ng-app="taskTable" ng-controller="tableCntl"> <p><strong>Filter:</strong> [[tableParams.filter()|json]] <table ng-table="tableParams" show-filter="true" class="table"> <tbody> <tr ng-repeat="words in $data"> <td data-title="'Column01'" sortable="Column01" filter="{'Column01': 'text'}"> [[words.Column01]] </td> <td data-title="'Column02'" sortable="Column02" filter="{'Column02': 'text'}"> [[words.Column02]] </td> <td data-title="'Column03'" sortable="Column03" filter="{'Column03': 'text'}"> [[words.Column03]] </td> </tr> </tbody> </table> </div> </body> <!-- insert JS at the bottom of the page --> <footer> <!-- all flash messages are processed here --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"></script> <!-- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> --> <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // use build-in angular filter var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; //sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; // store filtered data as $scope.words $scope.words = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()); params.total(orderedData.length); // set total for recalc pagination $defer.resolve($scope.words); $defer.resolve(data.result); } }); }); </script> <!-- Custom footer content here --> </footer> </html> {}, {}); <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!-- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding-top: 30px; /* 30px pad at the top of screen */ } </style> <!-- Fix up title --> <title>DATA DEMO</title> </head> <body> <div class="pure-g"> </div> <!-- Static navbar --> <div class="pure-g"> <div id="menu" class="pure-u"> <div class="pure-menu pure-menu-horizontal pure-menu-open"> <ul> <li><a href="#">Add Demo</a></li> <li class="active"><a href="#">List Demo</a></li> <li><a href="#">List Projects</a></li> <li> <a href="/login">Login</a> </ul> </div><!--/.nav-collapse --> </div> </div> <!--- insert stuff here --> <div id="Tasks" ng-app="taskTable" ng-controller="tableCntl"> <p><strong>Filter:</strong> [[tableParams.filter()|json]] <table ng-table="tableParams" show-filter="true" class="table"> <tbody> <tr ng-repeat="words in $data"> <td data-title="'Column01'" sortable="Column01" filter="{'Column01': 'text'}"> [[words.Column01]] </td> <td data-title="'Column02'" sortable="Column02" filter="{'Column02': 'text'}"> [[words.Column02]] </td> <td data-title="'Column03'" sortable="Column03" filter="{'Column03': 'text'}"> [[words.Column03]] </td> </tr> </tbody> </table> </div> </body> <!-- insert JS at the bottom of the page --> <footer> <!-- all flash messages are processed here --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"></script> <!-- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> --> <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // use build-in angular filter var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; //sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; // store filtered data as $scope.words $scope.words = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()); params.total(orderedData.length); // set total for recalc pagination $defer.resolve($scope.words); $defer.resolve(data.result); } }); }); </script> <!-- Custom footer content here --> </footer> </html> , [ 'ngRoute', 'api_main', <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!-- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding-top: 30px; /* 30px pad at the top of screen */ } </style> <!-- Fix up title --> <title>DATA DEMO</title> </head> <body> <div class="pure-g"> </div> <!-- Static navbar --> <div class="pure-g"> <div id="menu" class="pure-u"> <div class="pure-menu pure-menu-horizontal pure-menu-open"> <ul> <li><a href="#">Add Demo</a></li> <li class="active"><a href="#">List Demo</a></li> <li><a href="#">List Projects</a></li> <li> <a href="/login">Login</a> </ul> </div><!--/.nav-collapse --> </div> </div> <!--- insert stuff here --> <div id="Tasks" ng-app="taskTable" ng-controller="tableCntl"> <p><strong>Filter:</strong> [[tableParams.filter()|json]] <table ng-table="tableParams" show-filter="true" class="table"> <tbody> <tr ng-repeat="words in $data"> <td data-title="'Column01'" sortable="Column01" filter="{'Column01': 'text'}"> [[words.Column01]] </td> <td data-title="'Column02'" sortable="Column02" filter="{'Column02': 'text'}"> [[words.Column02]] </td> <td data-title="'Column03'" sortable="Column03" filter="{'Column03': 'text'}"> [[words.Column03]] </td> </tr> </tbody> </table> </div> </body> <!-- insert JS at the bottom of the page --> <footer> <!-- all flash messages are processed here --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"></script> <!-- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> --> <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // use build-in angular filter var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; //sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; // store filtered data as $scope.words $scope.words = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()); params.total(orderedData.length); // set total for recalc pagination $defer.resolve($scope.words); $defer.resolve(data.result); } }); }); </script> <!-- Custom footer content here --> </footer> </html> ; <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!-- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding-top: 30px; /* 30px pad at the top of screen */ } </style> <!-- Fix up title --> <title>DATA DEMO</title> </head> <body> <div class="pure-g"> </div> <!-- Static navbar --> <div class="pure-g"> <div id="menu" class="pure-u"> <div class="pure-menu pure-menu-horizontal pure-menu-open"> <ul> <li><a href="#">Add Demo</a></li> <li class="active"><a href="#">List Demo</a></li> <li><a href="#">List Projects</a></li> <li> <a href="/login">Login</a> </ul> </div><!--/.nav-collapse --> </div> </div> <!--- insert stuff here --> <div id="Tasks" ng-app="taskTable" ng-controller="tableCntl"> <p><strong>Filter:</strong> [[tableParams.filter()|json]] <table ng-table="tableParams" show-filter="true" class="table"> <tbody> <tr ng-repeat="words in $data"> <td data-title="'Column01'" sortable="Column01" filter="{'Column01': 'text'}"> [[words.Column01]] </td> <td data-title="'Column02'" sortable="Column02" filter="{'Column02': 'text'}"> [[words.Column02]] </td> <td data-title="'Column03'" sortable="Column03" filter="{'Column03': 'text'}"> [[words.Column03]] </td> </tr> </tbody> </table> </div> </body> <!-- insert JS at the bottom of the page --> <footer> <!-- all flash messages are processed here --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"></script> <!-- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> --> <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // use build-in angular filter var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; //sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; // store filtered data as $scope.words $scope.words = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()); params.total(orderedData.length); // set total for recalc pagination $defer.resolve($scope.words); $defer.resolve(data.result); } }); }); </script> <!-- Custom footer content here --> </footer> </html> ; <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!-- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding-top: 30px; /* 30px pad at the top of screen */ } </style> <!-- Fix up title --> <title>DATA DEMO</title> </head> <body> <div class="pure-g"> </div> <!-- Static navbar --> <div class="pure-g"> <div id="menu" class="pure-u"> <div class="pure-menu pure-menu-horizontal pure-menu-open"> <ul> <li><a href="#">Add Demo</a></li> <li class="active"><a href="#">List Demo</a></li> <li><a href="#">List Projects</a></li> <li> <a href="/login">Login</a> </ul> </div><!--/.nav-collapse --> </div> </div> <!--- insert stuff here --> <div id="Tasks" ng-app="taskTable" ng-controller="tableCntl"> <p><strong>Filter:</strong> [[tableParams.filter()|json]] <table ng-table="tableParams" show-filter="true" class="table"> <tbody> <tr ng-repeat="words in $data"> <td data-title="'Column01'" sortable="Column01" filter="{'Column01': 'text'}"> [[words.Column01]] </td> <td data-title="'Column02'" sortable="Column02" filter="{'Column02': 'text'}"> [[words.Column02]] </td> <td data-title="'Column03'" sortable="Column03" filter="{'Column03': 'text'}"> [[words.Column03]] </td> </tr> </tbody> </table> </div> </body> <!-- insert JS at the bottom of the page --> <footer> <!-- all flash messages are processed here --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"></script> <!-- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> --> <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // use build-in angular filter var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; //sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; // store filtered data as $scope.words $scope.words = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()); params.total(orderedData.length); // set total for recalc pagination $defer.resolve($scope.words); $defer.resolve(data.result); } }); }); </script> <!-- Custom footer content here --> </footer> </html> $ scope, $ filter, restDemo, ngTableParams) { <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!-- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding-top: 30px; /* 30px pad at the top of screen */ } </style> <!-- Fix up title --> <title>DATA DEMO</title> </head> <body> <div class="pure-g"> </div> <!-- Static navbar --> <div class="pure-g"> <div id="menu" class="pure-u"> <div class="pure-menu pure-menu-horizontal pure-menu-open"> <ul> <li><a href="#">Add Demo</a></li> <li class="active"><a href="#">List Demo</a></li> <li><a href="#">List Projects</a></li> <li> <a href="/login">Login</a> </ul> </div><!--/.nav-collapse --> </div> </div> <!--- insert stuff here --> <div id="Tasks" ng-app="taskTable" ng-controller="tableCntl"> <p><strong>Filter:</strong> [[tableParams.filter()|json]] <table ng-table="tableParams" show-filter="true" class="table"> <tbody> <tr ng-repeat="words in $data"> <td data-title="'Column01'" sortable="Column01" filter="{'Column01': 'text'}"> [[words.Column01]] </td> <td data-title="'Column02'" sortable="Column02" filter="{'Column02': 'text'}"> [[words.Column02]] </td> <td data-title="'Column03'" sortable="Column03" filter="{'Column03': 'text'}"> [[words.Column03]] </td> </tr> </tbody> </table> </div> </body> <!-- insert JS at the bottom of the page --> <footer> <!-- all flash messages are processed here --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"></script> <!-- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> --> <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // use build-in angular filter var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; //sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; // store filtered data as $scope.words $scope.words = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()); params.total(orderedData.length); // set total for recalc pagination $defer.resolve($scope.words); $defer.resolve(data.result); } }); }); </script> <!-- Custom footer content here --> </footer> </html> ) { <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!-- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding-top: 30px; /* 30px pad at the top of screen */ } </style> <!-- Fix up title --> <title>DATA DEMO</title> </head> <body> <div class="pure-g"> </div> <!-- Static navbar --> <div class="pure-g"> <div id="menu" class="pure-u"> <div class="pure-menu pure-menu-horizontal pure-menu-open"> <ul> <li><a href="#">Add Demo</a></li> <li class="active"><a href="#">List Demo</a></li> <li><a href="#">List Projects</a></li> <li> <a href="/login">Login</a> </ul> </div><!--/.nav-collapse --> </div> </div> <!--- insert stuff here --> <div id="Tasks" ng-app="taskTable" ng-controller="tableCntl"> <p><strong>Filter:</strong> [[tableParams.filter()|json]] <table ng-table="tableParams" show-filter="true" class="table"> <tbody> <tr ng-repeat="words in $data"> <td data-title="'Column01'" sortable="Column01" filter="{'Column01': 'text'}"> [[words.Column01]] </td> <td data-title="'Column02'" sortable="Column02" filter="{'Column02': 'text'}"> [[words.Column02]] </td> <td data-title="'Column03'" sortable="Column03" filter="{'Column03': 'text'}"> [[words.Column03]] </td> </tr> </tbody> </table> </div> </body> <!-- insert JS at the bottom of the page --> <footer> <!-- all flash messages are processed here --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"></script> <!-- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> --> <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // use build-in angular filter var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; //sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; // store filtered data as $scope.words $scope.words = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()); params.total(orderedData.length); // set total for recalc pagination $defer.resolve($scope.words); $defer.resolve(data.result); } }); }); </script> <!-- Custom footer content here --> </footer> </html> data, params.filter ()): <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!-- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding-top: 30px; /* 30px pad at the top of screen */ } </style> <!-- Fix up title --> <title>DATA DEMO</title> </head> <body> <div class="pure-g"> </div> <!-- Static navbar --> <div class="pure-g"> <div id="menu" class="pure-u"> <div class="pure-menu pure-menu-horizontal pure-menu-open"> <ul> <li><a href="#">Add Demo</a></li> <li class="active"><a href="#">List Demo</a></li> <li><a href="#">List Projects</a></li> <li> <a href="/login">Login</a> </ul> </div><!--/.nav-collapse --> </div> </div> <!--- insert stuff here --> <div id="Tasks" ng-app="taskTable" ng-controller="tableCntl"> <p><strong>Filter:</strong> [[tableParams.filter()|json]] <table ng-table="tableParams" show-filter="true" class="table"> <tbody> <tr ng-repeat="words in $data"> <td data-title="'Column01'" sortable="Column01" filter="{'Column01': 'text'}"> [[words.Column01]] </td> <td data-title="'Column02'" sortable="Column02" filter="{'Column02': 'text'}"> [[words.Column02]] </td> <td data-title="'Column03'" sortable="Column03" filter="{'Column03': 'text'}"> [[words.Column03]] </td> </tr> </tbody> </table> </div> </body> <!-- insert JS at the bottom of the page --> <footer> <!-- all flash messages are processed here --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"></script> <!-- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> --> <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // use build-in angular filter var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; //sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; // store filtered data as $scope.words $scope.words = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()); params.total(orderedData.length); // set total for recalc pagination $defer.resolve($scope.words); $defer.resolve(data.result); } }); }); </script> <!-- Custom footer content here --> </footer> </html> orderedData, params.orderBy ()): <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!-- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding-top: 30px; /* 30px pad at the top of screen */ } </style> <!-- Fix up title --> <title>DATA DEMO</title> </head> <body> <div class="pure-g"> </div> <!-- Static navbar --> <div class="pure-g"> <div id="menu" class="pure-u"> <div class="pure-menu pure-menu-horizontal pure-menu-open"> <ul> <li><a href="#">Add Demo</a></li> <li class="active"><a href="#">List Demo</a></li> <li><a href="#">List Projects</a></li> <li> <a href="/login">Login</a> </ul> </div><!--/.nav-collapse --> </div> </div> <!--- insert stuff here --> <div id="Tasks" ng-app="taskTable" ng-controller="tableCntl"> <p><strong>Filter:</strong> [[tableParams.filter()|json]] <table ng-table="tableParams" show-filter="true" class="table"> <tbody> <tr ng-repeat="words in $data"> <td data-title="'Column01'" sortable="Column01" filter="{'Column01': 'text'}"> [[words.Column01]] </td> <td data-title="'Column02'" sortable="Column02" filter="{'Column02': 'text'}"> [[words.Column02]] </td> <td data-title="'Column03'" sortable="Column03" filter="{'Column03': 'text'}"> [[words.Column03]] </td> </tr> </tbody> </table> </div> </body> <!-- insert JS at the bottom of the page --> <footer> <!-- all flash messages are processed here --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"></script> <!-- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> --> <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // use build-in angular filter var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; //sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; // store filtered data as $scope.words $scope.words = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()); params.total(orderedData.length); // set total for recalc pagination $defer.resolve($scope.words); $defer.resolve(data.result); } }); }); </script> <!-- Custom footer content here --> </footer> </html> ) - <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!-- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding-top: 30px; /* 30px pad at the top of screen */ } </style> <!-- Fix up title --> <title>DATA DEMO</title> </head> <body> <div class="pure-g"> </div> <!-- Static navbar --> <div class="pure-g"> <div id="menu" class="pure-u"> <div class="pure-menu pure-menu-horizontal pure-menu-open"> <ul> <li><a href="#">Add Demo</a></li> <li class="active"><a href="#">List Demo</a></li> <li><a href="#">List Projects</a></li> <li> <a href="/login">Login</a> </ul> </div><!--/.nav-collapse --> </div> </div> <!--- insert stuff here --> <div id="Tasks" ng-app="taskTable" ng-controller="tableCntl"> <p><strong>Filter:</strong> [[tableParams.filter()|json]] <table ng-table="tableParams" show-filter="true" class="table"> <tbody> <tr ng-repeat="words in $data"> <td data-title="'Column01'" sortable="Column01" filter="{'Column01': 'text'}"> [[words.Column01]] </td> <td data-title="'Column02'" sortable="Column02" filter="{'Column02': 'text'}"> [[words.Column02]] </td> <td data-title="'Column03'" sortable="Column03" filter="{'Column03': 'text'}"> [[words.Column03]] </td> </tr> </tbody> </table> </div> </body> <!-- insert JS at the bottom of the page --> <footer> <!-- all flash messages are processed here --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"></script> <!-- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> --> <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // use build-in angular filter var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; //sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; // store filtered data as $scope.words $scope.words = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()); params.total(orderedData.length); // set total for recalc pagination $defer.resolve($scope.words); $defer.resolve(data.result); } }); }); </script> <!-- Custom footer content here --> </footer> </html> ) * params.count ()); <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="description" content=""> <meta name="author" content=""> <link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.4.2/pure-min.css"> <link rel="stylesheet" href="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.css"> <!-- <link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/themes/smoothness/jquery-ui.css"> <link rel="stylesheet" type="text/css" href="http://ajax.aspnetcdn.com/ajax/jquery.dataTables/1.9.4/css/jquery.dataTables.css"> --> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <style> body { padding-top: 30px; /* 30px pad at the top of screen */ } </style> <!-- Fix up title --> <title>DATA DEMO</title> </head> <body> <div class="pure-g"> </div> <!-- Static navbar --> <div class="pure-g"> <div id="menu" class="pure-u"> <div class="pure-menu pure-menu-horizontal pure-menu-open"> <ul> <li><a href="#">Add Demo</a></li> <li class="active"><a href="#">List Demo</a></li> <li><a href="#">List Projects</a></li> <li> <a href="/login">Login</a> </ul> </div><!--/.nav-collapse --> </div> </div> <!--- insert stuff here --> <div id="Tasks" ng-app="taskTable" ng-controller="tableCntl"> <p><strong>Filter:</strong> [[tableParams.filter()|json]] <table ng-table="tableParams" show-filter="true" class="table"> <tbody> <tr ng-repeat="words in $data"> <td data-title="'Column01'" sortable="Column01" filter="{'Column01': 'text'}"> [[words.Column01]] </td> <td data-title="'Column02'" sortable="Column02" filter="{'Column02': 'text'}"> [[words.Column02]] </td> <td data-title="'Column03'" sortable="Column03" filter="{'Column03': 'text'}"> [[words.Column03]] </td> </tr> </tbody> </table> </div> </body> <!-- insert JS at the bottom of the page --> <footer> <!-- all flash messages are processed here --> <script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-route.min.js"></script> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular-resource.min.js"></script> <script type="text/javascript" src="//cdn.jsdelivr.net/angular.ngtable/0.3.1/ng-table.js"></script> <!-- <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/moment.js/2.5.1/moment.min.js"></script> --> <script type="text/javascript"> "use strict"; // Set up an ngResource service to make HTTP GET / POST / DELETE calls var Api = angular.module("api_main", ["ngResource"]); Api.factory("restDemo", function ($resource) { // http://www.masnun.com/2013/08/28/rest-access-in-angularjs-using-ngresource.html return $resource("http://demo.pennington.net/demo/api/v1/data01", {}, {}); }); // Loosely based on this ngTable demo... // http://bazalt-cms.com/ng-table/example/6 var App2 = angular.module('taskTable', ['ngRoute', 'api_main', 'ngTable']); // Need to change AngularJS symbols when using flask + Jinja App2.config(function($interpolateProvider) { $interpolateProvider.startSymbol('[['); $interpolateProvider.endSymbol(']]'); }); App2.controller('tableCntl', function($scope, $filter, restDemo, ngTableParams) { var data = restDemo.query(); // HTTP GET for REST service // Set up task table parameters $scope.tableParams = new ngTableParams({ page: 1, // show first page count: 10, // count per page total: data.length, sorting: { Column01: 'asc', Column02: 'asc', Column03: 'asc' }, filter: { Column01: "", Column02: "", Column03: "", } }, { getData: function($defer, params) { // use build-in angular filter var orderedData = params.filter() ? $filter('filter')(data, params.filter()) : data; //sorting orderedData = params.sorting() ? $filter('orderBy')(orderedData, params.orderBy()) : orderedData; // store filtered data as $scope.words $scope.words = orderedData.slice((params.page() - 1) * params.count(), params.page() * params.count()); params.total(orderedData.length); // set total for recalc pagination $defer.resolve($scope.words); $defer.resolve(data.result); } }); }); </script> <!-- Custom footer content here --> </footer> </html>

Data (after answering the question), I remove the demo the json service, the REST :

 [{"Column02": "shines", "Column03": "paycheck", "Column01": "days"}, {"Column02": "erg", "Column03": "gag", "Column01": "emotion's"}, {"Column02": "Chris", "Column03": "Poznan's", "Column01": "treasure's"}, {"Column02": "presentiments", "Column03": "Austerlitz's", "Column01": "suppression's"}, {"Column02": "leopards", "Column03": "slosh's", "Column01": "upturned"}, {"Column02": "uncaring", "Column03": "cosmetics", "Column01": "symmetry"}, {"Column02": "guesser's", "Column03": "lapped", "Column01": "retrogressed"}, {"Column02": "Kurd", "Column03": "wryest", "Column01": "cicadas"}, {"Column02": "cantered", "Column03": "encrustation's", "Column01": "beyond"}, {"Column02": "flybys", "Column03": "poesying", "Column01": "physician's"}, {"Column02": "fun", "Column03": "Delaware's", "Column01": "destructiveness"}, {"Column02": "scramblers", "Column03": "gestates", "Column01": "acoustics"}, {"Column02": "redesigning", "Column03": "cubits", "Column01": "Enterprise"}, {"Column02": "phonograph's", "Column03": "haloed", "Column01": "upsurge"}, {"Column02": "Michelson", "Column03": "Pansy", "Column01": "McCoys"}, {"Column02": "adieu", "Column03": "Dido", "Column01": "ligaturing"}, {"Column02": "osprey's", "Column03": "expressiveness's", "Column01": "Starr"}, {"Column02": "patent's", "Column03": "therapeutically", "Column01": "brasher"}, {"Column02": "enfranchise", "Column03": "idolized", "Column01": "criticized"}, {"Column02": "Angel", "Column03": "wryest", "Column01": "drum"}, {"Column02": "overstaying", "Column03": "tranquillized", "Column01": "alacrity"}, {"Column02": "underachievers", "Column03": "minority", "Column01": "Brigham's"}, {"Column02": "lobotomy's", "Column03": "filament's", "Column01": "scoldings"}, {"Column02": "original", "Column03": "muskmelon's", "Column01": "financially"}, {"Column02": "flagon's", "Column03": "vapidness", "Column01": "Klaus's"}, {"Column02": "dhotis", "Column03": "fleeter", "Column01": "jugulars"}, {"Column02": "shanty", "Column03": "profiteer's", "Column01": "disbelief"}, {"Column02": "bureaucracies", "Column03": "flashier", "Column01": "refrigerating"}, {"Column02": "betrayal's", "Column03": "hindquarters", "Column01": "faze"}, {"Column02": "Poland", "Column03": "cobbler", "Column01": "kidnaped"}] ", "Column03": "paycheck", "Column01": "days"}, [{"Column02": "shines", "Column03": "paycheck", "Column01": "days"}, {"Column02": "erg", "Column03": "gag", "Column01": "emotion's"}, {"Column02": "Chris", "Column03": "Poznan's", "Column01": "treasure's"}, {"Column02": "presentiments", "Column03": "Austerlitz's", "Column01": "suppression's"}, {"Column02": "leopards", "Column03": "slosh's", "Column01": "upturned"}, {"Column02": "uncaring", "Column03": "cosmetics", "Column01": "symmetry"}, {"Column02": "guesser's", "Column03": "lapped", "Column01": "retrogressed"}, {"Column02": "Kurd", "Column03": "wryest", "Column01": "cicadas"}, {"Column02": "cantered", "Column03": "encrustation's", "Column01": "beyond"}, {"Column02": "flybys", "Column03": "poesying", "Column01": "physician's"}, {"Column02": "fun", "Column03": "Delaware's", "Column01": "destructiveness"}, {"Column02": "scramblers", "Column03": "gestates", "Column01": "acoustics"}, {"Column02": "redesigning", "Column03": "cubits", "Column01": "Enterprise"}, {"Column02": "phonograph's", "Column03": "haloed", "Column01": "upsurge"}, {"Column02": "Michelson", "Column03": "Pansy", "Column01": "McCoys"}, {"Column02": "adieu", "Column03": "Dido", "Column01": "ligaturing"}, {"Column02": "osprey's", "Column03": "expressiveness's", "Column01": "Starr"}, {"Column02": "patent's", "Column03": "therapeutically", "Column01": "brasher"}, {"Column02": "enfranchise", "Column03": "idolized", "Column01": "criticized"}, {"Column02": "Angel", "Column03": "wryest", "Column01": "drum"}, {"Column02": "overstaying", "Column03": "tranquillized", "Column01": "alacrity"}, {"Column02": "underachievers", "Column03": "minority", "Column01": "Brigham's"}, {"Column02": "lobotomy's", "Column03": "filament's", "Column01": "scoldings"}, {"Column02": "original", "Column03": "muskmelon's", "Column01": "financially"}, {"Column02": "flagon's", "Column03": "vapidness", "Column01": "Klaus's"}, {"Column02": "dhotis", "Column03": "fleeter", "Column01": "jugulars"}, {"Column02": "shanty", "Column03": "profiteer's", "Column01": "disbelief"}, {"Column02": "bureaucracies", "Column03": "flashier", "Column01": "refrigerating"}, {"Column02": "betrayal's", "Column03": "hindquarters", "Column01": "faze"}, {"Column02": "Poland", "Column03": "cobbler", "Column01": "kidnaped"}] , "Column03": "Poznan's", "Column01": "treasure's"}, [{"Column02": "shines", "Column03": "paycheck", "Column01": "days"}, {"Column02": "erg", "Column03": "gag", "Column01": "emotion's"}, {"Column02": "Chris", "Column03": "Poznan's", "Column01": "treasure's"}, {"Column02": "presentiments", "Column03": "Austerlitz's", "Column01": "suppression's"}, {"Column02": "leopards", "Column03": "slosh's", "Column01": "upturned"}, {"Column02": "uncaring", "Column03": "cosmetics", "Column01": "symmetry"}, {"Column02": "guesser's", "Column03": "lapped", "Column01": "retrogressed"}, {"Column02": "Kurd", "Column03": "wryest", "Column01": "cicadas"}, {"Column02": "cantered", "Column03": "encrustation's", "Column01": "beyond"}, {"Column02": "flybys", "Column03": "poesying", "Column01": "physician's"}, {"Column02": "fun", "Column03": "Delaware's", "Column01": "destructiveness"}, {"Column02": "scramblers", "Column03": "gestates", "Column01": "acoustics"}, {"Column02": "redesigning", "Column03": "cubits", "Column01": "Enterprise"}, {"Column02": "phonograph's", "Column03": "haloed", "Column01": "upsurge"}, {"Column02": "Michelson", "Column03": "Pansy", "Column01": "McCoys"}, {"Column02": "adieu", "Column03": "Dido", "Column01": "ligaturing"}, {"Column02": "osprey's", "Column03": "expressiveness's", "Column01": "Starr"}, {"Column02": "patent's", "Column03": "therapeutically", "Column01": "brasher"}, {"Column02": "enfranchise", "Column03": "idolized", "Column01": "criticized"}, {"Column02": "Angel", "Column03": "wryest", "Column01": "drum"}, {"Column02": "overstaying", "Column03": "tranquillized", "Column01": "alacrity"}, {"Column02": "underachievers", "Column03": "minority", "Column01": "Brigham's"}, {"Column02": "lobotomy's", "Column03": "filament's", "Column01": "scoldings"}, {"Column02": "original", "Column03": "muskmelon's", "Column01": "financially"}, {"Column02": "flagon's", "Column03": "vapidness", "Column01": "Klaus's"}, {"Column02": "dhotis", "Column03": "fleeter", "Column01": "jugulars"}, {"Column02": "shanty", "Column03": "profiteer's", "Column01": "disbelief"}, {"Column02": "bureaucracies", "Column03": "flashier", "Column01": "refrigerating"}, {"Column02": "betrayal's", "Column03": "hindquarters", "Column01": "faze"}, {"Column02": "Poland", "Column03": "cobbler", "Column01": "kidnaped"}] , "Column03": "Austerlitz's", "Column01": "suppression's"}, [{"Column02": "shines", "Column03": "paycheck", "Column01": "days"}, {"Column02": "erg", "Column03": "gag", "Column01": "emotion's"}, {"Column02": "Chris", "Column03": "Poznan's", "Column01": "treasure's"}, {"Column02": "presentiments", "Column03": "Austerlitz's", "Column01": "suppression's"}, {"Column02": "leopards", "Column03": "slosh's", "Column01": "upturned"}, {"Column02": "uncaring", "Column03": "cosmetics", "Column01": "symmetry"}, {"Column02": "guesser's", "Column03": "lapped", "Column01": "retrogressed"}, {"Column02": "Kurd", "Column03": "wryest", "Column01": "cicadas"}, {"Column02": "cantered", "Column03": "encrustation's", "Column01": "beyond"}, {"Column02": "flybys", "Column03": "poesying", "Column01": "physician's"}, {"Column02": "fun", "Column03": "Delaware's", "Column01": "destructiveness"}, {"Column02": "scramblers", "Column03": "gestates", "Column01": "acoustics"}, {"Column02": "redesigning", "Column03": "cubits", "Column01": "Enterprise"}, {"Column02": "phonograph's", "Column03": "haloed", "Column01": "upsurge"}, {"Column02": "Michelson", "Column03": "Pansy", "Column01": "McCoys"}, {"Column02": "adieu", "Column03": "Dido", "Column01": "ligaturing"}, {"Column02": "osprey's", "Column03": "expressiveness's", "Column01": "Starr"}, {"Column02": "patent's", "Column03": "therapeutically", "Column01": "brasher"}, {"Column02": "enfranchise", "Column03": "idolized", "Column01": "criticized"}, {"Column02": "Angel", "Column03": "wryest", "Column01": "drum"}, {"Column02": "overstaying", "Column03": "tranquillized", "Column01": "alacrity"}, {"Column02": "underachievers", "Column03": "minority", "Column01": "Brigham's"}, {"Column02": "lobotomy's", "Column03": "filament's", "Column01": "scoldings"}, {"Column02": "original", "Column03": "muskmelon's", "Column01": "financially"}, {"Column02": "flagon's", "Column03": "vapidness", "Column01": "Klaus's"}, {"Column02": "dhotis", "Column03": "fleeter", "Column01": "jugulars"}, {"Column02": "shanty", "Column03": "profiteer's", "Column01": "disbelief"}, {"Column02": "bureaucracies", "Column03": "flashier", "Column01": "refrigerating"}, {"Column02": "betrayal's", "Column03": "hindquarters", "Column01": "faze"}, {"Column02": "Poland", "Column03": "cobbler", "Column01": "kidnaped"}] , "Column03": "slosh's", "Column01": "upturned"}, [{"Column02": "shines", "Column03": "paycheck", "Column01": "days"}, {"Column02": "erg", "Column03": "gag", "Column01": "emotion's"}, {"Column02": "Chris", "Column03": "Poznan's", "Column01": "treasure's"}, {"Column02": "presentiments", "Column03": "Austerlitz's", "Column01": "suppression's"}, {"Column02": "leopards", "Column03": "slosh's", "Column01": "upturned"}, {"Column02": "uncaring", "Column03": "cosmetics", "Column01": "symmetry"}, {"Column02": "guesser's", "Column03": "lapped", "Column01": "retrogressed"}, {"Column02": "Kurd", "Column03": "wryest", "Column01": "cicadas"}, {"Column02": "cantered", "Column03": "encrustation's", "Column01": "beyond"}, {"Column02": "flybys", "Column03": "poesying", "Column01": "physician's"}, {"Column02": "fun", "Column03": "Delaware's", "Column01": "destructiveness"}, {"Column02": "scramblers", "Column03": "gestates", "Column01": "acoustics"}, {"Column02": "redesigning", "Column03": "cubits", "Column01": "Enterprise"}, {"Column02": "phonograph's", "Column03": "haloed", "Column01": "upsurge"}, {"Column02": "Michelson", "Column03": "Pansy", "Column01": "McCoys"}, {"Column02": "adieu", "Column03": "Dido", "Column01": "ligaturing"}, {"Column02": "osprey's", "Column03": "expressiveness's", "Column01": "Starr"}, {"Column02": "patent's", "Column03": "therapeutically", "Column01": "brasher"}, {"Column02": "enfranchise", "Column03": "idolized", "Column01": "criticized"}, {"Column02": "Angel", "Column03": "wryest", "Column01": "drum"}, {"Column02": "overstaying", "Column03": "tranquillized", "Column01": "alacrity"}, {"Column02": "underachievers", "Column03": "minority", "Column01": "Brigham's"}, {"Column02": "lobotomy's", "Column03": "filament's", "Column01": "scoldings"}, {"Column02": "original", "Column03": "muskmelon's", "Column01": "financially"}, {"Column02": "flagon's", "Column03": "vapidness", "Column01": "Klaus's"}, {"Column02": "dhotis", "Column03": "fleeter", "Column01": "jugulars"}, {"Column02": "shanty", "Column03": "profiteer's", "Column01": "disbelief"}, {"Column02": "bureaucracies", "Column03": "flashier", "Column01": "refrigerating"}, {"Column02": "betrayal's", "Column03": "hindquarters", "Column01": "faze"}, {"Column02": "Poland", "Column03": "cobbler", "Column01": "kidnaped"}] , "Column03": "cosmetics", "Column01": "symmetry"}, [{"Column02": "shines", "Column03": "paycheck", "Column01": "days"}, {"Column02": "erg", "Column03": "gag", "Column01": "emotion's"}, {"Column02": "Chris", "Column03": "Poznan's", "Column01": "treasure's"}, {"Column02": "presentiments", "Column03": "Austerlitz's", "Column01": "suppression's"}, {"Column02": "leopards", "Column03": "slosh's", "Column01": "upturned"}, {"Column02": "uncaring", "Column03": "cosmetics", "Column01": "symmetry"}, {"Column02": "guesser's", "Column03": "lapped", "Column01": "retrogressed"}, {"Column02": "Kurd", "Column03": "wryest", "Column01": "cicadas"}, {"Column02": "cantered", "Column03": "encrustation's", "Column01": "beyond"}, {"Column02": "flybys", "Column03": "poesying", "Column01": "physician's"}, {"Column02": "fun", "Column03": "Delaware's", "Column01": "destructiveness"}, {"Column02": "scramblers", "Column03": "gestates", "Column01": "acoustics"}, {"Column02": "redesigning", "Column03": "cubits", "Column01": "Enterprise"}, {"Column02": "phonograph's", "Column03": "haloed", "Column01": "upsurge"}, {"Column02": "Michelson", "Column03": "Pansy", "Column01": "McCoys"}, {"Column02": "adieu", "Column03": "Dido", "Column01": "ligaturing"}, {"Column02": "osprey's", "Column03": "expressiveness's", "Column01": "Starr"}, {"Column02": "patent's", "Column03": "therapeutically", "Column01": "brasher"}, {"Column02": "enfranchise", "Column03": "idolized", "Column01": "criticized"}, {"Column02": "Angel", "Column03": "wryest", "Column01": "drum"}, {"Column02": "overstaying", "Column03": "tranquillized", "Column01": "alacrity"}, {"Column02": "underachievers", "Column03": "minority", "Column01": "Brigham's"}, {"Column02": "lobotomy's", "Column03": "filament's", "Column01": "scoldings"}, {"Column02": "original", "Column03": "muskmelon's", "Column01": "financially"}, {"Column02": "flagon's", "Column03": "vapidness", "Column01": "Klaus's"}, {"Column02": "dhotis", "Column03": "fleeter", "Column01": "jugulars"}, {"Column02": "shanty", "Column03": "profiteer's", "Column01": "disbelief"}, {"Column02": "bureaucracies", "Column03": "flashier", "Column01": "refrigerating"}, {"Column02": "betrayal's", "Column03": "hindquarters", "Column01": "faze"}, {"Column02": "Poland", "Column03": "cobbler", "Column01": "kidnaped"}] ", "Column03": "lapped", "Column01": "retrogressed"}, [{"Column02": "shines", "Column03": "paycheck", "Column01": "days"}, {"Column02": "erg", "Column03": "gag", "Column01": "emotion's"}, {"Column02": "Chris", "Column03": "Poznan's", "Column01": "treasure's"}, {"Column02": "presentiments", "Column03": "Austerlitz's", "Column01": "suppression's"}, {"Column02": "leopards", "Column03": "slosh's", "Column01": "upturned"}, {"Column02": "uncaring", "Column03": "cosmetics", "Column01": "symmetry"}, {"Column02": "guesser's", "Column03": "lapped", "Column01": "retrogressed"}, {"Column02": "Kurd", "Column03": "wryest", "Column01": "cicadas"}, {"Column02": "cantered", "Column03": "encrustation's", "Column01": "beyond"}, {"Column02": "flybys", "Column03": "poesying", "Column01": "physician's"}, {"Column02": "fun", "Column03": "Delaware's", "Column01": "destructiveness"}, {"Column02": "scramblers", "Column03": "gestates", "Column01": "acoustics"}, {"Column02": "redesigning", "Column03": "cubits", "Column01": "Enterprise"}, {"Column02": "phonograph's", "Column03": "haloed", "Column01": "upsurge"}, {"Column02": "Michelson", "Column03": "Pansy", "Column01": "McCoys"}, {"Column02": "adieu", "Column03": "Dido", "Column01": "ligaturing"}, {"Column02": "osprey's", "Column03": "expressiveness's", "Column01": "Starr"}, {"Column02": "patent's", "Column03": "therapeutically", "Column01": "brasher"}, {"Column02": "enfranchise", "Column03": "idolized", "Column01": "criticized"}, {"Column02": "Angel", "Column03": "wryest", "Column01": "drum"}, {"Column02": "overstaying", "Column03": "tranquillized", "Column01": "alacrity"}, {"Column02": "underachievers", "Column03": "minority", "Column01": "Brigham's"}, {"Column02": "lobotomy's", "Column03": "filament's", "Column01": "scoldings"}, {"Column02": "original", "Column03": "muskmelon's", "Column01": "financially"}, {"Column02": "flagon's", "Column03": "vapidness", "Column01": "Klaus's"}, {"Column02": "dhotis", "Column03": "fleeter", "Column01": "jugulars"}, {"Column02": "shanty", "Column03": "profiteer's", "Column01": "disbelief"}, {"Column02": "bureaucracies", "Column03": "flashier", "Column01": "refrigerating"}, {"Column02": "betrayal's", "Column03": "hindquarters", "Column01": "faze"}, {"Column02": "Poland", "Column03": "cobbler", "Column01": "kidnaped"}] , "Column03": "wryest", "Column01": "cicadas"}, [{"Column02": "shines", "Column03": "paycheck", "Column01": "days"}, {"Column02": "erg", "Column03": "gag", "Column01": "emotion's"}, {"Column02": "Chris", "Column03": "Poznan's", "Column01": "treasure's"}, {"Column02": "presentiments", "Column03": "Austerlitz's", "Column01": "suppression's"}, {"Column02": "leopards", "Column03": "slosh's", "Column01": "upturned"}, {"Column02": "uncaring", "Column03": "cosmetics", "Column01": "symmetry"}, {"Column02": "guesser's", "Column03": "lapped", "Column01": "retrogressed"}, {"Column02": "Kurd", "Column03": "wryest", "Column01": "cicadas"}, {"Column02": "cantered", "Column03": "encrustation's", "Column01": "beyond"}, {"Column02": "flybys", "Column03": "poesying", "Column01": "physician's"}, {"Column02": "fun", "Column03": "Delaware's", "Column01": "destructiveness"}, {"Column02": "scramblers", "Column03": "gestates", "Column01": "acoustics"}, {"Column02": "redesigning", "Column03": "cubits", "Column01": "Enterprise"}, {"Column02": "phonograph's", "Column03": "haloed", "Column01": "upsurge"}, {"Column02": "Michelson", "Column03": "Pansy", "Column01": "McCoys"}, {"Column02": "adieu", "Column03": "Dido", "Column01": "ligaturing"}, {"Column02": "osprey's", "Column03": "expressiveness's", "Column01": "Starr"}, {"Column02": "patent's", "Column03": "therapeutically", "Column01": "brasher"}, {"Column02": "enfranchise", "Column03": "idolized", "Column01": "criticized"}, {"Column02": "Angel", "Column03": "wryest", "Column01": "drum"}, {"Column02": "overstaying", "Column03": "tranquillized", "Column01": "alacrity"}, {"Column02": "underachievers", "Column03": "minority", "Column01": "Brigham's"}, {"Column02": "lobotomy's", "Column03": "filament's", "Column01": "scoldings"}, {"Column02": "original", "Column03": "muskmelon's", "Column01": "financially"}, {"Column02": "flagon's", "Column03": "vapidness", "Column01": "Klaus's"}, {"Column02": "dhotis", "Column03": "fleeter", "Column01": "jugulars"}, {"Column02": "shanty", "Column03": "profiteer's", "Column01": "disbelief"}, {"Column02": "bureaucracies", "Column03": "flashier", "Column01": "refrigerating"}, {"Column02": "betrayal's", "Column03": "hindquarters", "Column01": "faze"}, {"Column02": "Poland", "Column03": "cobbler", "Column01": "kidnaped"}] , "Column03": "encrustation's", "Column01": "beyond"}, [{"Column02": "shines", "Column03": "paycheck", "Column01": "days"}, {"Column02": "erg", "Column03": "gag", "Column01": "emotion's"}, {"Column02": "Chris", "Column03": "Poznan's", "Column01": "treasure's"}, {"Column02": "presentiments", "Column03": "Austerlitz's", "Column01": "suppression's"}, {"Column02": "leopards", "Column03": "slosh's", "Column01": "upturned"}, {"Column02": "uncaring", "Column03": "cosmetics", "Column01": "symmetry"}, {"Column02": "guesser's", "Column03": "lapped", "Column01": "retrogressed"}, {"Column02": "Kurd", "Column03": "wryest", "Column01": "cicadas"}, {"Column02": "cantered", "Column03": "encrustation's", "Column01": "beyond"}, {"Column02": "flybys", "Column03": "poesying", "Column01": "physician's"}, {"Column02": "fun", "Column03": "Delaware's", "Column01": "destructiveness"}, {"Column02": "scramblers", "Column03": "gestates", "Column01": "acoustics"}, {"Column02": "redesigning", "Column03": "cubits", "Column01": "Enterprise"}, {"Column02": "phonograph's", "Column03": "haloed", "Column01": "upsurge"}, {"Column02": "Michelson", "Column03": "Pansy", "Column01": "McCoys"}, {"Column02": "adieu", "Column03": "Dido", "Column01": "ligaturing"}, {"Column02": "osprey's", "Column03": "expressiveness's", "Column01": "Starr"}, {"Column02": "patent's", "Column03": "therapeutically", "Column01": "brasher"}, {"Column02": "enfranchise", "Column03": "idolized", "Column01": "criticized"}, {"Column02": "Angel", "Column03": "wryest", "Column01": "drum"}, {"Column02": "overstaying", "Column03": "tranquillized", "Column01": "alacrity"}, {"Column02": "underachievers", "Column03": "minority", "Column01": "Brigham's"}, {"Column02": "lobotomy's", "Column03": "filament's", "Column01": "scoldings"}, {"Column02": "original", "Column03": "muskmelon's", "Column01": "financially"}, {"Column02": "flagon's", "Column03": "vapidness", "Column01": "Klaus's"}, {"Column02": "dhotis", "Column03": "fleeter", "Column01": "jugulars"}, {"Column02": "shanty", "Column03": "profiteer's", "Column01": "disbelief"}, {"Column02": "bureaucracies", "Column03": "flashier", "Column01": "refrigerating"}, {"Column02": "betrayal's", "Column03": "hindquarters", "Column01": "faze"}, {"Column02": "Poland", "Column03": "cobbler", "Column01": "kidnaped"}] , "Column03": "poesying", "Column01": "physician's"}, [{"Column02": "shines", "Column03": "paycheck", "Column01": "days"}, {"Column02": "erg", "Column03": "gag", "Column01": "emotion's"}, {"Column02": "Chris", "Column03": "Poznan's", "Column01": "treasure's"}, {"Column02": "presentiments", "Column03": "Austerlitz's", "Column01": "suppression's"}, {"Column02": "leopards", "Column03": "slosh's", "Column01": "upturned"}, {"Column02": "uncaring", "Column03": "cosmetics", "Column01": "symmetry"}, {"Column02": "guesser's", "Column03": "lapped", "Column01": "retrogressed"}, {"Column02": "Kurd", "Column03": "wryest", "Column01": "cicadas"}, {"Column02": "cantered", "Column03": "encrustation's", "Column01": "beyond"}, {"Column02": "flybys", "Column03": "poesying", "Column01": "physician's"}, {"Column02": "fun", "Column03": "Delaware's", "Column01": "destructiveness"}, {"Column02": "scramblers", "Column03": "gestates", "Column01": "acoustics"}, {"Column02": "redesigning", "Column03": "cubits", "Column01": "Enterprise"}, {"Column02": "phonograph's", "Column03": "haloed", "Column01": "upsurge"}, {"Column02": "Michelson", "Column03": "Pansy", "Column01": "McCoys"}, {"Column02": "adieu", "Column03": "Dido", "Column01": "ligaturing"}, {"Column02": "osprey's", "Column03": "expressiveness's", "Column01": "Starr"}, {"Column02": "patent's", "Column03": "therapeutically", "Column01": "brasher"}, {"Column02": "enfranchise", "Column03": "idolized", "Column01": "criticized"}, {"Column02": "Angel", "Column03": "wryest", "Column01": "drum"}, {"Column02": "overstaying", "Column03": "tranquillized", "Column01": "alacrity"}, {"Column02": "underachievers", "Column03": "minority", "Column01": "Brigham's"}, {"Column02": "lobotomy's", "Column03": "filament's", "Column01": "scoldings"}, {"Column02": "original", "Column03": "muskmelon's", "Column01": "financially"}, {"Column02": "flagon's", "Column03": "vapidness", "Column01": "Klaus's"}, {"Column02": "dhotis", "Column03": "fleeter", "Column01": "jugulars"}, {"Column02": "shanty", "Column03": "profiteer's", "Column01": "disbelief"}, {"Column02": "bureaucracies", "Column03": "flashier", "Column01": "refrigerating"}, {"Column02": "betrayal's", "Column03": "hindquarters", "Column01": "faze"}, {"Column02": "Poland", "Column03": "cobbler", "Column01": "kidnaped"}] , "Column03": "gestates", "Column01": "acoustics"}, [{"Column02": "shines", "Column03": "paycheck", "Column01": "days"}, {"Column02": "erg", "Column03": "gag", "Column01": "emotion's"}, {"Column02": "Chris", "Column03": "Poznan's", "Column01": "treasure's"}, {"Column02": "presentiments", "Column03": "Austerlitz's", "Column01": "suppression's"}, {"Column02": "leopards", "Column03": "slosh's", "Column01": "upturned"}, {"Column02": "uncaring", "Column03": "cosmetics", "Column01": "symmetry"}, {"Column02": "guesser's", "Column03": "lapped", "Column01": "retrogressed"}, {"Column02": "Kurd", "Column03": "wryest", "Column01": "cicadas"}, {"Column02": "cantered", "Column03": "encrustation's", "Column01": "beyond"}, {"Column02": "flybys", "Column03": "poesying", "Column01": "physician's"}, {"Column02": "fun", "Column03": "Delaware's", "Column01": "destructiveness"}, {"Column02": "scramblers", "Column03": "gestates", "Column01": "acoustics"}, {"Column02": "redesigning", "Column03": "cubits", "Column01": "Enterprise"}, {"Column02": "phonograph's", "Column03": "haloed", "Column01": "upsurge"}, {"Column02": "Michelson", "Column03": "Pansy", "Column01": "McCoys"}, {"Column02": "adieu", "Column03": "Dido", "Column01": "ligaturing"}, {"Column02": "osprey's", "Column03": "expressiveness's", "Column01": "Starr"}, {"Column02": "patent's", "Column03": "therapeutically", "Column01": "brasher"}, {"Column02": "enfranchise", "Column03": "idolized", "Column01": "criticized"}, {"Column02": "Angel", "Column03": "wryest", "Column01": "drum"}, {"Column02": "overstaying", "Column03": "tranquillized", "Column01": "alacrity"}, {"Column02": "underachievers", "Column03": "minority", "Column01": "Brigham's"}, {"Column02": "lobotomy's", "Column03": "filament's", "Column01": "scoldings"}, {"Column02": "original", "Column03": "muskmelon's", "Column01": "financially"}, {"Column02": "flagon's", "Column03": "vapidness", "Column01": "Klaus's"}, {"Column02": "dhotis", "Column03": "fleeter", "Column01": "jugulars"}, {"Column02": "shanty", "Column03": "profiteer's", "Column01": "disbelief"}, {"Column02": "bureaucracies", "Column03": "flashier", "Column01": "refrigerating"}, {"Column02": "betrayal's", "Column03": "hindquarters", "Column01": "faze"}, {"Column02": "Poland", "Column03": "cobbler", "Column01": "kidnaped"}] , "Column03": "cubits", "Column01": "Enterprise"}, [{"Column02": "shines", "Column03": "paycheck", "Column01": "days"}, {"Column02": "erg", "Column03": "gag", "Column01": "emotion's"}, {"Column02": "Chris", "Column03": "Poznan's", "Column01": "treasure's"}, {"Column02": "presentiments", "Column03": "Austerlitz's", "Column01": "suppression's"}, {"Column02": "leopards", "Column03": "slosh's", "Column01": "upturned"}, {"Column02": "uncaring", "Column03": "cosmetics", "Column01": "symmetry"}, {"Column02": "guesser's", "Column03": "lapped", "Column01": "retrogressed"}, {"Column02": "Kurd", "Column03": "wryest", "Column01": "cicadas"}, {"Column02": "cantered", "Column03": "encrustation's", "Column01": "beyond"}, {"Column02": "flybys", "Column03": "poesying", "Column01": "physician's"}, {"Column02": "fun", "Column03": "Delaware's", "Column01": "destructiveness"}, {"Column02": "scramblers", "Column03": "gestates", "Column01": "acoustics"}, {"Column02": "redesigning", "Column03": "cubits", "Column01": "Enterprise"}, {"Column02": "phonograph's", "Column03": "haloed", "Column01": "upsurge"}, {"Column02": "Michelson", "Column03": "Pansy", "Column01": "McCoys"}, {"Column02": "adieu", "Column03": "Dido", "Column01": "ligaturing"}, {"Column02": "osprey's", "Column03": "expressiveness's", "Column01": "Starr"}, {"Column02": "patent's", "Column03": "therapeutically", "Column01": "brasher"}, {"Column02": "enfranchise", "Column03": "idolized", "Column01": "criticized"}, {"Column02": "Angel", "Column03": "wryest", "Column01": "drum"}, {"Column02": "overstaying", "Column03": "tranquillized", "Column01": "alacrity"}, {"Column02": "underachievers", "Column03": "minority", "Column01": "Brigham's"}, {"Column02": "lobotomy's", "Column03": "filament's", "Column01": "scoldings"}, {"Column02": "original", "Column03": "muskmelon's", "Column01": "financially"}, {"Column02": "flagon's", "Column03": "vapidness", "Column01": "Klaus's"}, {"Column02": "dhotis", "Column03": "fleeter", "Column01": "jugulars"}, {"Column02": "shanty", "Column03": "profiteer's", "Column01": "disbelief"}, {"Column02": "bureaucracies", "Column03": "flashier", "Column01": "refrigerating"}, {"Column02": "betrayal's", "Column03": "hindquarters", "Column01": "faze"}, {"Column02": "Poland", "Column03": "cobbler", "Column01": "kidnaped"}] ", "Column03": "haloed", "Column01": "upsurge"}, [{"Column02": "shines", "Column03": "paycheck", "Column01": "days"}, {"Column02": "erg", "Column03": "gag", "Column01": "emotion's"}, {"Column02": "Chris", "Column03": "Poznan's", "Column01": "treasure's"}, {"Column02": "presentiments", "Column03": "Austerlitz's", "Column01": "suppression's"}, {"Column02": "leopards", "Column03": "slosh's", "Column01": "upturned"}, {"Column02": "uncaring", "Column03": "cosmetics", "Column01": "symmetry"}, {"Column02": "guesser's", "Column03": "lapped", "Column01": "retrogressed"}, {"Column02": "Kurd", "Column03": "wryest", "Column01": "cicadas"}, {"Column02": "cantered", "Column03": "encrustation's", "Column01": "beyond"}, {"Column02": "flybys", "Column03": "poesying", "Column01": "physician's"}, {"Column02": "fun", "Column03": "Delaware's", "Column01": "destructiveness"}, {"Column02": "scramblers", "Column03": "gestates", "Column01": "acoustics"}, {"Column02": "redesigning", "Column03": "cubits", "Column01": "Enterprise"}, {"Column02": "phonograph's", "Column03": "haloed", "Column01": "upsurge"}, {"Column02": "Michelson", "Column03": "Pansy", "Column01": "McCoys"}, {"Column02": "adieu", "Column03": "Dido", "Column01": "ligaturing"}, {"Column02": "osprey's", "Column03": "expressiveness's", "Column01": "Starr"}, {"Column02": "patent's", "Column03": "therapeutically", "Column01": "brasher"}, {"Column02": "enfranchise", "Column03": "idolized", "Column01": "criticized"}, {"Column02": "Angel", "Column03": "wryest", "Column01": "drum"}, {"Column02": "overstaying", "Column03": "tranquillized", "Column01": "alacrity"}, {"Column02": "underachievers", "Column03": "minority", "Column01": "Brigham's"}, {"Column02": "lobotomy's", "Column03": "filament's", "Column01": "scoldings"}, {"Column02": "original", "Column03": "muskmelon's", "Column01": "financially"}, {"Column02": "flagon's", "Column03": "vapidness", "Column01": "Klaus's"}, {"Column02": "dhotis", "Column03": "fleeter", "Column01": "jugulars"}, {"Column02": "shanty", "Column03": "profiteer's", "Column01": "disbelief"}, {"Column02": "bureaucracies", "Column03": "flashier", "Column01": "refrigerating"}, {"Column02": "betrayal's", "Column03": "hindquarters", "Column01": "faze"}, {"Column02": "Poland", "Column03": "cobbler", "Column01": "kidnaped"}] , "Column03": "Pansy", "Column01": "McCoys"}, [{"Column02": "shines", "Column03": "paycheck", "Column01": "days"}, {"Column02": "erg", "Column03": "gag", "Column01": "emotion's"}, {"Column02": "Chris", "Column03": "Poznan's", "Column01": "treasure's"}, {"Column02": "presentiments", "Column03": "Austerlitz's", "Column01": "suppression's"}, {"Column02": "leopards", "Column03": "slosh's", "Column01": "upturned"}, {"Column02": "uncaring", "Column03": "cosmetics", "Column01": "symmetry"}, {"Column02": "guesser's", "Column03": "lapped", "Column01": "retrogressed"}, {"Column02": "Kurd", "Column03": "wryest", "Column01": "cicadas"}, {"Column02": "cantered", "Column03": "encrustation's", "Column01": "beyond"}, {"Column02": "flybys", "Column03": "poesying", "Column01": "physician's"}, {"Column02": "fun", "Column03": "Delaware's", "Column01": "destructiveness"}, {"Column02": "scramblers", "Column03": "gestates", "Column01": "acoustics"}, {"Column02": "redesigning", "Column03": "cubits", "Column01": "Enterprise"}, {"Column02": "phonograph's", "Column03": "haloed", "Column01": "upsurge"}, {"Column02": "Michelson", "Column03": "Pansy", "Column01": "McCoys"}, {"Column02": "adieu", "Column03": "Dido", "Column01": "ligaturing"}, {"Column02": "osprey's", "Column03": "expressiveness's", "Column01": "Starr"}, {"Column02": "patent's", "Column03": "therapeutically", "Column01": "brasher"}, {"Column02": "enfranchise", "Column03": "idolized", "Column01": "criticized"}, {"Column02": "Angel", "Column03": "wryest", "Column01": "drum"}, {"Column02": "overstaying", "Column03": "tranquillized", "Column01": "alacrity"}, {"Column02": "underachievers", "Column03": "minority", "Column01": "Brigham's"}, {"Column02": "lobotomy's", "Column03": "filament's", "Column01": "scoldings"}, {"Column02": "original", "Column03": "muskmelon's", "Column01": "financially"}, {"Column02": "flagon's", "Column03": "vapidness", "Column01": "Klaus's"}, {"Column02": "dhotis", "Column03": "fleeter", "Column01": "jugulars"}, {"Column02": "shanty", "Column03": "profiteer's", "Column01": "disbelief"}, {"Column02": "bureaucracies", "Column03": "flashier", "Column01": "refrigerating"}, {"Column02": "betrayal's", "Column03": "hindquarters", "Column01": "faze"}, {"Column02": "Poland", "Column03": "cobbler", "Column01": "kidnaped"}] , "Column03": "Dido", "Column01": "ligaturing"}, [{"Column02": "shines", "Column03": "paycheck", "Column01": "days"}, {"Column02": "erg", "Column03": "gag", "Column01": "emotion's"}, {"Column02": "Chris", "Column03": "Poznan's", "Column01": "treasure's"}, {"Column02": "presentiments", "Column03": "Austerlitz's", "Column01": "suppression's"}, {"Column02": "leopards", "Column03": "slosh's", "Column01": "upturned"}, {"Column02": "uncaring", "Column03": "cosmetics", "Column01": "symmetry"}, {"Column02": "guesser's", "Column03": "lapped", "Column01": "retrogressed"}, {"Column02": "Kurd", "Column03": "wryest", "Column01": "cicadas"}, {"Column02": "cantered", "Column03": "encrustation's", "Column01": "beyond"}, {"Column02": "flybys", "Column03": "poesying", "Column01": "physician's"}, {"Column02": "fun", "Column03": "Delaware's", "Column01": "destructiveness"}, {"Column02": "scramblers", "Column03": "gestates", "Column01": "acoustics"}, {"Column02": "redesigning", "Column03": "cubits", "Column01": "Enterprise"}, {"Column02": "phonograph's", "Column03": "haloed", "Column01": "upsurge"}, {"Column02": "Michelson", "Column03": "Pansy", "Column01": "McCoys"}, {"Column02": "adieu", "Column03": "Dido", "Column01": "ligaturing"}, {"Column02": "osprey's", "Column03": "expressiveness's", "Column01": "Starr"}, {"Column02": "patent's", "Column03": "therapeutically", "Column01": "brasher"}, {"Column02": "enfranchise", "Column03": "idolized", "Column01": "criticized"}, {"Column02": "Angel", "Column03": "wryest", "Column01": "drum"}, {"Column02": "overstaying", "Column03": "tranquillized", "Column01": "alacrity"}, {"Column02": "underachievers", "Column03": "minority", "Column01": "Brigham's"}, {"Column02": "lobotomy's", "Column03": "filament's", "Column01": "scoldings"}, {"Column02": "original", "Column03": "muskmelon's", "Column01": "financially"}, {"Column02": "flagon's", "Column03": "vapidness", "Column01": "Klaus's"}, {"Column02": "dhotis", "Column03": "fleeter", "Column01": "jugulars"}, {"Column02": "shanty", "Column03": "profiteer's", "Column01": "disbelief"}, {"Column02": "bureaucracies", "Column03": "flashier", "Column01": "refrigerating"}, {"Column02": "betrayal's", "Column03": "hindquarters", "Column01": "faze"}, {"Column02": "Poland", "Column03": "cobbler", "Column01": "kidnaped"}] ", "Column03": "expressiveness's", "Column01": "Starr"}, [{"Column02": "shines", "Column03": "paycheck", "Column01": "days"}, {"Column02": "erg", "Column03": "gag", "Column01": "emotion's"}, {"Column02": "Chris", "Column03": "Poznan's", "Column01": "treasure's"}, {"Column02": "presentiments", "Column03": "Austerlitz's", "Column01": "suppression's"}, {"Column02": "leopards", "Column03": "slosh's", "Column01": "upturned"}, {"Column02": "uncaring", "Column03": "cosmetics", "Column01": "symmetry"}, {"Column02": "guesser's", "Column03": "lapped", "Column01": "retrogressed"}, {"Column02": "Kurd", "Column03": "wryest", "Column01": "cicadas"}, {"Column02": "cantered", "Column03": "encrustation's", "Column01": "beyond"}, {"Column02": "flybys", "Column03": "poesying", "Column01": "physician's"}, {"Column02": "fun", "Column03": "Delaware's", "Column01": "destructiveness"}, {"Column02": "scramblers", "Column03": "gestates", "Column01": "acoustics"}, {"Column02": "redesigning", "Column03": "cubits", "Column01": "Enterprise"}, {"Column02": "phonograph's", "Column03": "haloed", "Column01": "upsurge"}, {"Column02": "Michelson", "Column03": "Pansy", "Column01": "McCoys"}, {"Column02": "adieu", "Column03": "Dido", "Column01": "ligaturing"}, {"Column02": "osprey's", "Column03": "expressiveness's", "Column01": "Starr"}, {"Column02": "patent's", "Column03": "therapeutically", "Column01": "brasher"}, {"Column02": "enfranchise", "Column03": "idolized", "Column01": "criticized"}, {"Column02": "Angel", "Column03": "wryest", "Column01": "drum"}, {"Column02": "overstaying", "Column03": "tranquillized", "Column01": "alacrity"}, {"Column02": "underachievers", "Column03": "minority", "Column01": "Brigham's"}, {"Column02": "lobotomy's", "Column03": "filament's", "Column01": "scoldings"}, {"Column02": "original", "Column03": "muskmelon's", "Column01": "financially"}, {"Column02": "flagon's", "Column03": "vapidness", "Column01": "Klaus's"}, {"Column02": "dhotis", "Column03": "fleeter", "Column01": "jugulars"}, {"Column02": "shanty", "Column03": "profiteer's", "Column01": "disbelief"}, {"Column02": "bureaucracies", "Column03": "flashier", "Column01": "refrigerating"}, {"Column02": "betrayal's", "Column03": "hindquarters", "Column01": "faze"}, {"Column02": "Poland", "Column03": "cobbler", "Column01": "kidnaped"}] ", "Column03": "therapeutically", "Column01": "brasher"}, [{"Column02": "shines", "Column03": "paycheck", "Column01": "days"}, {"Column02": "erg", "Column03": "gag", "Column01": "emotion's"}, {"Column02": "Chris", "Column03": "Poznan's", "Column01": "treasure's"}, {"Column02": "presentiments", "Column03": "Austerlitz's", "Column01": "suppression's"}, {"Column02": "leopards", "Column03": "slosh's", "Column01": "upturned"}, {"Column02": "uncaring", "Column03": "cosmetics", "Column01": "symmetry"}, {"Column02": "guesser's", "Column03": "lapped", "Column01": "retrogressed"}, {"Column02": "Kurd", "Column03": "wryest", "Column01": "cicadas"}, {"Column02": "cantered", "Column03": "encrustation's", "Column01": "beyond"}, {"Column02": "flybys", "Column03": "poesying", "Column01": "physician's"}, {"Column02": "fun", "Column03": "Delaware's", "Column01": "destructiveness"}, {"Column02": "scramblers", "Column03": "gestates", "Column01": "acoustics"}, {"Column02": "redesigning", "Column03": "cubits", "Column01": "Enterprise"}, {"Column02": "phonograph's", "Column03": "haloed", "Column01": "upsurge"}, {"Column02": "Michelson", "Column03": "Pansy", "Column01": "McCoys"}, {"Column02": "adieu", "Column03": "Dido", "Column01": "ligaturing"}, {"Column02": "osprey's", "Column03": "expressiveness's", "Column01": "Starr"}, {"Column02": "patent's", "Column03": "therapeutically", "Column01": "brasher"}, {"Column02": "enfranchise", "Column03": "idolized", "Column01": "criticized"}, {"Column02": "Angel", "Column03": "wryest", "Column01": "drum"}, {"Column02": "overstaying", "Column03": "tranquillized", "Column01": "alacrity"}, {"Column02": "underachievers", "Column03": "minority", "Column01": "Brigham's"}, {"Column02": "lobotomy's", "Column03": "filament's", "Column01": "scoldings"}, {"Column02": "original", "Column03": "muskmelon's", "Column01": "financially"}, {"Column02": "flagon's", "Column03": "vapidness", "Column01": "Klaus's"}, {"Column02": "dhotis", "Column03": "fleeter", "Column01": "jugulars"}, {"Column02": "shanty", "Column03": "profiteer's", "Column01": "disbelief"}, {"Column02": "bureaucracies", "Column03": "flashier", "Column01": "refrigerating"}, {"Column02": "betrayal's", "Column03": "hindquarters", "Column01": "faze"}, {"Column02": "Poland", "Column03": "cobbler", "Column01": "kidnaped"}] , "Column03": "idolized", "Column01": "criticized"}, [{"Column02": "shines", "Column03": "paycheck", "Column01": "days"}, {"Column02": "erg", "Column03": "gag", "Column01": "emotion's"}, {"Column02": "Chris", "Column03": "Poznan's", "Column01": "treasure's"}, {"Column02": "presentiments", "Column03": "Austerlitz's", "Column01": "suppression's"}, {"Column02": "leopards", "Column03": "slosh's", "Column01": "upturned"}, {"Column02": "uncaring", "Column03": "cosmetics", "Column01": "symmetry"}, {"Column02": "guesser's", "Column03": "lapped", "Column01": "retrogressed"}, {"Column02": "Kurd", "Column03": "wryest", "Column01": "cicadas"}, {"Column02": "cantered", "Column03": "encrustation's", "Column01": "beyond"}, {"Column02": "flybys", "Column03": "poesying", "Column01": "physician's"}, {"Column02": "fun", "Column03": "Delaware's", "Column01": "destructiveness"}, {"Column02": "scramblers", "Column03": "gestates", "Column01": "acoustics"}, {"Column02": "redesigning", "Column03": "cubits", "Column01": "Enterprise"}, {"Column02": "phonograph's", "Column03": "haloed", "Column01": "upsurge"}, {"Column02": "Michelson", "Column03": "Pansy", "Column01": "McCoys"}, {"Column02": "adieu", "Column03": "Dido", "Column01": "ligaturing"}, {"Column02": "osprey's", "Column03": "expressiveness's", "Column01": "Starr"}, {"Column02": "patent's", "Column03": "therapeutically", "Column01": "brasher"}, {"Column02": "enfranchise", "Column03": "idolized", "Column01": "criticized"}, {"Column02": "Angel", "Column03": "wryest", "Column01": "drum"}, {"Column02": "overstaying", "Column03": "tranquillized", "Column01": "alacrity"}, {"Column02": "underachievers", "Column03": "minority", "Column01": "Brigham's"}, {"Column02": "lobotomy's", "Column03": "filament's", "Column01": "scoldings"}, {"Column02": "original", "Column03": "muskmelon's", "Column01": "financially"}, {"Column02": "flagon's", "Column03": "vapidness", "Column01": "Klaus's"}, {"Column02": "dhotis", "Column03": "fleeter", "Column01": "jugulars"}, {"Column02": "shanty", "Column03": "profiteer's", "Column01": "disbelief"}, {"Column02": "bureaucracies", "Column03": "flashier", "Column01": "refrigerating"}, {"Column02": "betrayal's", "Column03": "hindquarters", "Column01": "faze"}, {"Column02": "Poland", "Column03": "cobbler", "Column01": "kidnaped"}] , "Column03": "wryest", "Column01": "drum"}, [{"Column02": "shines", "Column03": "paycheck", "Column01": "days"}, {"Column02": "erg", "Column03": "gag", "Column01": "emotion's"}, {"Column02": "Chris", "Column03": "Poznan's", "Column01": "treasure's"}, {"Column02": "presentiments", "Column03": "Austerlitz's", "Column01": "suppression's"}, {"Column02": "leopards", "Column03": "slosh's", "Column01": "upturned"}, {"Column02": "uncaring", "Column03": "cosmetics", "Column01": "symmetry"}, {"Column02": "guesser's", "Column03": "lapped", "Column01": "retrogressed"}, {"Column02": "Kurd", "Column03": "wryest", "Column01": "cicadas"}, {"Column02": "cantered", "Column03": "encrustation's", "Column01": "beyond"}, {"Column02": "flybys", "Column03": "poesying", "Column01": "physician's"}, {"Column02": "fun", "Column03": "Delaware's", "Column01": "destructiveness"}, {"Column02": "scramblers", "Column03": "gestates", "Column01": "acoustics"}, {"Column02": "redesigning", "Column03": "cubits", "Column01": "Enterprise"}, {"Column02": "phonograph's", "Column03": "haloed", "Column01": "upsurge"}, {"Column02": "Michelson", "Column03": "Pansy", "Column01": "McCoys"}, {"Column02": "adieu", "Column03": "Dido", "Column01": "ligaturing"}, {"Column02": "osprey's", "Column03": "expressiveness's", "Column01": "Starr"}, {"Column02": "patent's", "Column03": "therapeutically", "Column01": "brasher"}, {"Column02": "enfranchise", "Column03": "idolized", "Column01": "criticized"}, {"Column02": "Angel", "Column03": "wryest", "Column01": "drum"}, {"Column02": "overstaying", "Column03": "tranquillized", "Column01": "alacrity"}, {"Column02": "underachievers", "Column03": "minority", "Column01": "Brigham's"}, {"Column02": "lobotomy's", "Column03": "filament's", "Column01": "scoldings"}, {"Column02": "original", "Column03": "muskmelon's", "Column01": "financially"}, {"Column02": "flagon's", "Column03": "vapidness", "Column01": "Klaus's"}, {"Column02": "dhotis", "Column03": "fleeter", "Column01": "jugulars"}, {"Column02": "shanty", "Column03": "profiteer's", "Column01": "disbelief"}, {"Column02": "bureaucracies", "Column03": "flashier", "Column01": "refrigerating"}, {"Column02": "betrayal's", "Column03": "hindquarters", "Column01": "faze"}, {"Column02": "Poland", "Column03": "cobbler", "Column01": "kidnaped"}] , "Column03": "tranquillized", "Column01": "alacrity"}, [{"Column02": "shines", "Column03": "paycheck", "Column01": "days"}, {"Column02": "erg", "Column03": "gag", "Column01": "emotion's"}, {"Column02": "Chris", "Column03": "Poznan's", "Column01": "treasure's"}, {"Column02": "presentiments", "Column03": "Austerlitz's", "Column01": "suppression's"}, {"Column02": "leopards", "Column03": "slosh's", "Column01": "upturned"}, {"Column02": "uncaring", "Column03": "cosmetics", "Column01": "symmetry"}, {"Column02": "guesser's", "Column03": "lapped", "Column01": "retrogressed"}, {"Column02": "Kurd", "Column03": "wryest", "Column01": "cicadas"}, {"Column02": "cantered", "Column03": "encrustation's", "Column01": "beyond"}, {"Column02": "flybys", "Column03": "poesying", "Column01": "physician's"}, {"Column02": "fun", "Column03": "Delaware's", "Column01": "destructiveness"}, {"Column02": "scramblers", "Column03": "gestates", "Column01": "acoustics"}, {"Column02": "redesigning", "Column03": "cubits", "Column01": "Enterprise"}, {"Column02": "phonograph's", "Column03": "haloed", "Column01": "upsurge"}, {"Column02": "Michelson", "Column03": "Pansy", "Column01": "McCoys"}, {"Column02": "adieu", "Column03": "Dido", "Column01": "ligaturing"}, {"Column02": "osprey's", "Column03": "expressiveness's", "Column01": "Starr"}, {"Column02": "patent's", "Column03": "therapeutically", "Column01": "brasher"}, {"Column02": "enfranchise", "Column03": "idolized", "Column01": "criticized"}, {"Column02": "Angel", "Column03": "wryest", "Column01": "drum"}, {"Column02": "overstaying", "Column03": "tranquillized", "Column01": "alacrity"}, {"Column02": "underachievers", "Column03": "minority", "Column01": "Brigham's"}, {"Column02": "lobotomy's", "Column03": "filament's", "Column01": "scoldings"}, {"Column02": "original", "Column03": "muskmelon's", "Column01": "financially"}, {"Column02": "flagon's", "Column03": "vapidness", "Column01": "Klaus's"}, {"Column02": "dhotis", "Column03": "fleeter", "Column01": "jugulars"}, {"Column02": "shanty", "Column03": "profiteer's", "Column01": "disbelief"}, {"Column02": "bureaucracies", "Column03": "flashier", "Column01": "refrigerating"}, {"Column02": "betrayal's", "Column03": "hindquarters", "Column01": "faze"}, {"Column02": "Poland", "Column03": "cobbler", "Column01": "kidnaped"}] , "Column03": "minority", "Column01": "Brigham's"}, [{"Column02": "shines", "Column03": "paycheck", "Column01": "days"}, {"Column02": "erg", "Column03": "gag", "Column01": "emotion's"}, {"Column02": "Chris", "Column03": "Poznan's", "Column01": "treasure's"}, {"Column02": "presentiments", "Column03": "Austerlitz's", "Column01": "suppression's"}, {"Column02": "leopards", "Column03": "slosh's", "Column01": "upturned"}, {"Column02": "uncaring", "Column03": "cosmetics", "Column01": "symmetry"}, {"Column02": "guesser's", "Column03": "lapped", "Column01": "retrogressed"}, {"Column02": "Kurd", "Column03": "wryest", "Column01": "cicadas"}, {"Column02": "cantered", "Column03": "encrustation's", "Column01": "beyond"}, {"Column02": "flybys", "Column03": "poesying", "Column01": "physician's"}, {"Column02": "fun", "Column03": "Delaware's", "Column01": "destructiveness"}, {"Column02": "scramblers", "Column03": "gestates", "Column01": "acoustics"}, {"Column02": "redesigning", "Column03": "cubits", "Column01": "Enterprise"}, {"Column02": "phonograph's", "Column03": "haloed", "Column01": "upsurge"}, {"Column02": "Michelson", "Column03": "Pansy", "Column01": "McCoys"}, {"Column02": "adieu", "Column03": "Dido", "Column01": "ligaturing"}, {"Column02": "osprey's", "Column03": "expressiveness's", "Column01": "Starr"}, {"Column02": "patent's", "Column03": "therapeutically", "Column01": "brasher"}, {"Column02": "enfranchise", "Column03": "idolized", "Column01": "criticized"}, {"Column02": "Angel", "Column03": "wryest", "Column01": "drum"}, {"Column02": "overstaying", "Column03": "tranquillized", "Column01": "alacrity"}, {"Column02": "underachievers", "Column03": "minority", "Column01": "Brigham's"}, {"Column02": "lobotomy's", "Column03": "filament's", "Column01": "scoldings"}, {"Column02": "original", "Column03": "muskmelon's", "Column01": "financially"}, {"Column02": "flagon's", "Column03": "vapidness", "Column01": "Klaus's"}, {"Column02": "dhotis", "Column03": "fleeter", "Column01": "jugulars"}, {"Column02": "shanty", "Column03": "profiteer's", "Column01": "disbelief"}, {"Column02": "bureaucracies", "Column03": "flashier", "Column01": "refrigerating"}, {"Column02": "betrayal's", "Column03": "hindquarters", "Column01": "faze"}, {"Column02": "Poland", "Column03": "cobbler", "Column01": "kidnaped"}] ", "Column03": "filament's", "Column01": "scoldings"}, [{"Column02": "shines", "Column03": "paycheck", "Column01": "days"}, {"Column02": "erg", "Column03": "gag", "Column01": "emotion's"}, {"Column02": "Chris", "Column03": "Poznan's", "Column01": "treasure's"}, {"Column02": "presentiments", "Column03": "Austerlitz's", "Column01": "suppression's"}, {"Column02": "leopards", "Column03": "slosh's", "Column01": "upturned"}, {"Column02": "uncaring", "Column03": "cosmetics", "Column01": "symmetry"}, {"Column02": "guesser's", "Column03": "lapped", "Column01": "retrogressed"}, {"Column02": "Kurd", "Column03": "wryest", "Column01": "cicadas"}, {"Column02": "cantered", "Column03": "encrustation's", "Column01": "beyond"}, {"Column02": "flybys", "Column03": "poesying", "Column01": "physician's"}, {"Column02": "fun", "Column03": "Delaware's", "Column01": "destructiveness"}, {"Column02": "scramblers", "Column03": "gestates", "Column01": "acoustics"}, {"Column02": "redesigning", "Column03": "cubits", "Column01": "Enterprise"}, {"Column02": "phonograph's", "Column03": "haloed", "Column01": "upsurge"}, {"Column02": "Michelson", "Column03": "Pansy", "Column01": "McCoys"}, {"Column02": "adieu", "Column03": "Dido", "Column01": "ligaturing"}, {"Column02": "osprey's", "Column03": "expressiveness's", "Column01": "Starr"}, {"Column02": "patent's", "Column03": "therapeutically", "Column01": "brasher"}, {"Column02": "enfranchise", "Column03": "idolized", "Column01": "criticized"}, {"Column02": "Angel", "Column03": "wryest", "Column01": "drum"}, {"Column02": "overstaying", "Column03": "tranquillized", "Column01": "alacrity"}, {"Column02": "underachievers", "Column03": "minority", "Column01": "Brigham's"}, {"Column02": "lobotomy's", "Column03": "filament's", "Column01": "scoldings"}, {"Column02": "original", "Column03": "muskmelon's", "Column01": "financially"}, {"Column02": "flagon's", "Column03": "vapidness", "Column01": "Klaus's"}, {"Column02": "dhotis", "Column03": "fleeter", "Column01": "jugulars"}, {"Column02": "shanty", "Column03": "profiteer's", "Column01": "disbelief"}, {"Column02": "bureaucracies", "Column03": "flashier", "Column01": "refrigerating"}, {"Column02": "betrayal's", "Column03": "hindquarters", "Column01": "faze"}, {"Column02": "Poland", "Column03": "cobbler", "Column01": "kidnaped"}] , "Column03": "muskmelon's", "Column01": "financially"}, [{"Column02": "shines", "Column03": "paycheck", "Column01": "days"}, {"Column02": "erg", "Column03": "gag", "Column01": "emotion's"}, {"Column02": "Chris", "Column03": "Poznan's", "Column01": "treasure's"}, {"Column02": "presentiments", "Column03": "Austerlitz's", "Column01": "suppression's"}, {"Column02": "leopards", "Column03": "slosh's", "Column01": "upturned"}, {"Column02": "uncaring", "Column03": "cosmetics", "Column01": "symmetry"}, {"Column02": "guesser's", "Column03": "lapped", "Column01": "retrogressed"}, {"Column02": "Kurd", "Column03": "wryest", "Column01": "cicadas"}, {"Column02": "cantered", "Column03": "encrustation's", "Column01": "beyond"}, {"Column02": "flybys", "Column03": "poesying", "Column01": "physician's"}, {"Column02": "fun", "Column03": "Delaware's", "Column01": "destructiveness"}, {"Column02": "scramblers", "Column03": "gestates", "Column01": "acoustics"}, {"Column02": "redesigning", "Column03": "cubits", "Column01": "Enterprise"}, {"Column02": "phonograph's", "Column03": "haloed", "Column01": "upsurge"}, {"Column02": "Michelson", "Column03": "Pansy", "Column01": "McCoys"}, {"Column02": "adieu", "Column03": "Dido", "Column01": "ligaturing"}, {"Column02": "osprey's", "Column03": "expressiveness's", "Column01": "Starr"}, {"Column02": "patent's", "Column03": "therapeutically", "Column01": "brasher"}, {"Column02": "enfranchise", "Column03": "idolized", "Column01": "criticized"}, {"Column02": "Angel", "Column03": "wryest", "Column01": "drum"}, {"Column02": "overstaying", "Column03": "tranquillized", "Column01": "alacrity"}, {"Column02": "underachievers", "Column03": "minority", "Column01": "Brigham's"}, {"Column02": "lobotomy's", "Column03": "filament's", "Column01": "scoldings"}, {"Column02": "original", "Column03": "muskmelon's", "Column01": "financially"}, {"Column02": "flagon's", "Column03": "vapidness", "Column01": "Klaus's"}, {"Column02": "dhotis", "Column03": "fleeter", "Column01": "jugulars"}, {"Column02": "shanty", "Column03": "profiteer's", "Column01": "disbelief"}, {"Column02": "bureaucracies", "Column03": "flashier", "Column01": "refrigerating"}, {"Column02": "betrayal's", "Column03": "hindquarters", "Column01": "faze"}, {"Column02": "Poland", "Column03": "cobbler", "Column01": "kidnaped"}] ", "Column03": "vapidness", "Column01": "Klaus's"}, [{"Column02": "shines", "Column03": "paycheck", "Column01": "days"}, {"Column02": "erg", "Column03": "gag", "Column01": "emotion's"}, {"Column02": "Chris", "Column03": "Poznan's", "Column01": "treasure's"}, {"Column02": "presentiments", "Column03": "Austerlitz's", "Column01": "suppression's"}, {"Column02": "leopards", "Column03": "slosh's", "Column01": "upturned"}, {"Column02": "uncaring", "Column03": "cosmetics", "Column01": "symmetry"}, {"Column02": "guesser's", "Column03": "lapped", "Column01": "retrogressed"}, {"Column02": "Kurd", "Column03": "wryest", "Column01": "cicadas"}, {"Column02": "cantered", "Column03": "encrustation's", "Column01": "beyond"}, {"Column02": "flybys", "Column03": "poesying", "Column01": "physician's"}, {"Column02": "fun", "Column03": "Delaware's", "Column01": "destructiveness"}, {"Column02": "scramblers", "Column03": "gestates", "Column01": "acoustics"}, {"Column02": "redesigning", "Column03": "cubits", "Column01": "Enterprise"}, {"Column02": "phonograph's", "Column03": "haloed", "Column01": "upsurge"}, {"Column02": "Michelson", "Column03": "Pansy", "Column01": "McCoys"}, {"Column02": "adieu", "Column03": "Dido", "Column01": "ligaturing"}, {"Column02": "osprey's", "Column03": "expressiveness's", "Column01": "Starr"}, {"Column02": "patent's", "Column03": "therapeutically", "Column01": "brasher"}, {"Column02": "enfranchise", "Column03": "idolized", "Column01": "criticized"}, {"Column02": "Angel", "Column03": "wryest", "Column01": "drum"}, {"Column02": "overstaying", "Column03": "tranquillized", "Column01": "alacrity"}, {"Column02": "underachievers", "Column03": "minority", "Column01": "Brigham's"}, {"Column02": "lobotomy's", "Column03": "filament's", "Column01": "scoldings"}, {"Column02": "original", "Column03": "muskmelon's", "Column01": "financially"}, {"Column02": "flagon's", "Column03": "vapidness", "Column01": "Klaus's"}, {"Column02": "dhotis", "Column03": "fleeter", "Column01": "jugulars"}, {"Column02": "shanty", "Column03": "profiteer's", "Column01": "disbelief"}, {"Column02": "bureaucracies", "Column03": "flashier", "Column01": "refrigerating"}, {"Column02": "betrayal's", "Column03": "hindquarters", "Column01": "faze"}, {"Column02": "Poland", "Column03": "cobbler", "Column01": "kidnaped"}] , "Column03": "fleeter", "Column01": "jugulars"}, [{"Column02": "shines", "Column03": "paycheck", "Column01": "days"}, {"Column02": "erg", "Column03": "gag", "Column01": "emotion's"}, {"Column02": "Chris", "Column03": "Poznan's", "Column01": "treasure's"}, {"Column02": "presentiments", "Column03": "Austerlitz's", "Column01": "suppression's"}, {"Column02": "leopards", "Column03": "slosh's", "Column01": "upturned"}, {"Column02": "uncaring", "Column03": "cosmetics", "Column01": "symmetry"}, {"Column02": "guesser's", "Column03": "lapped", "Column01": "retrogressed"}, {"Column02": "Kurd", "Column03": "wryest", "Column01": "cicadas"}, {"Column02": "cantered", "Column03": "encrustation's", "Column01": "beyond"}, {"Column02": "flybys", "Column03": "poesying", "Column01": "physician's"}, {"Column02": "fun", "Column03": "Delaware's", "Column01": "destructiveness"}, {"Column02": "scramblers", "Column03": "gestates", "Column01": "acoustics"}, {"Column02": "redesigning", "Column03": "cubits", "Column01": "Enterprise"}, {"Column02": "phonograph's", "Column03": "haloed", "Column01": "upsurge"}, {"Column02": "Michelson", "Column03": "Pansy", "Column01": "McCoys"}, {"Column02": "adieu", "Column03": "Dido", "Column01": "ligaturing"}, {"Column02": "osprey's", "Column03": "expressiveness's", "Column01": "Starr"}, {"Column02": "patent's", "Column03": "therapeutically", "Column01": "brasher"}, {"Column02": "enfranchise", "Column03": "idolized", "Column01": "criticized"}, {"Column02": "Angel", "Column03": "wryest", "Column01": "drum"}, {"Column02": "overstaying", "Column03": "tranquillized", "Column01": "alacrity"}, {"Column02": "underachievers", "Column03": "minority", "Column01": "Brigham's"}, {"Column02": "lobotomy's", "Column03": "filament's", "Column01": "scoldings"}, {"Column02": "original", "Column03": "muskmelon's", "Column01": "financially"}, {"Column02": "flagon's", "Column03": "vapidness", "Column01": "Klaus's"}, {"Column02": "dhotis", "Column03": "fleeter", "Column01": "jugulars"}, {"Column02": "shanty", "Column03": "profiteer's", "Column01": "disbelief"}, {"Column02": "bureaucracies", "Column03": "flashier", "Column01": "refrigerating"}, {"Column02": "betrayal's", "Column03": "hindquarters", "Column01": "faze"}, {"Column02": "Poland", "Column03": "cobbler", "Column01": "kidnaped"}] , "Column03": "profiteer's", "Column01": "disbelief"}, [{"Column02": "shines", "Column03": "paycheck", "Column01": "days"}, {"Column02": "erg", "Column03": "gag", "Column01": "emotion's"}, {"Column02": "Chris", "Column03": "Poznan's", "Column01": "treasure's"}, {"Column02": "presentiments", "Column03": "Austerlitz's", "Column01": "suppression's"}, {"Column02": "leopards", "Column03": "slosh's", "Column01": "upturned"}, {"Column02": "uncaring", "Column03": "cosmetics", "Column01": "symmetry"}, {"Column02": "guesser's", "Column03": "lapped", "Column01": "retrogressed"}, {"Column02": "Kurd", "Column03": "wryest", "Column01": "cicadas"}, {"Column02": "cantered", "Column03": "encrustation's", "Column01": "beyond"}, {"Column02": "flybys", "Column03": "poesying", "Column01": "physician's"}, {"Column02": "fun", "Column03": "Delaware's", "Column01": "destructiveness"}, {"Column02": "scramblers", "Column03": "gestates", "Column01": "acoustics"}, {"Column02": "redesigning", "Column03": "cubits", "Column01": "Enterprise"}, {"Column02": "phonograph's", "Column03": "haloed", "Column01": "upsurge"}, {"Column02": "Michelson", "Column03": "Pansy", "Column01": "McCoys"}, {"Column02": "adieu", "Column03": "Dido", "Column01": "ligaturing"}, {"Column02": "osprey's", "Column03": "expressiveness's", "Column01": "Starr"}, {"Column02": "patent's", "Column03": "therapeutically", "Column01": "brasher"}, {"Column02": "enfranchise", "Column03": "idolized", "Column01": "criticized"}, {"Column02": "Angel", "Column03": "wryest", "Column01": "drum"}, {"Column02": "overstaying", "Column03": "tranquillized", "Column01": "alacrity"}, {"Column02": "underachievers", "Column03": "minority", "Column01": "Brigham's"}, {"Column02": "lobotomy's", "Column03": "filament's", "Column01": "scoldings"}, {"Column02": "original", "Column03": "muskmelon's", "Column01": "financially"}, {"Column02": "flagon's", "Column03": "vapidness", "Column01": "Klaus's"}, {"Column02": "dhotis", "Column03": "fleeter", "Column01": "jugulars"}, {"Column02": "shanty", "Column03": "profiteer's", "Column01": "disbelief"}, {"Column02": "bureaucracies", "Column03": "flashier", "Column01": "refrigerating"}, {"Column02": "betrayal's", "Column03": "hindquarters", "Column01": "faze"}, {"Column02": "Poland", "Column03": "cobbler", "Column01": "kidnaped"}] , "Column03": "flashier", "Column01": "refrigerating"}, [{"Column02": "shines", "Column03": "paycheck", "Column01": "days"}, {"Column02": "erg", "Column03": "gag", "Column01": "emotion's"}, {"Column02": "Chris", "Column03": "Poznan's", "Column01": "treasure's"}, {"Column02": "presentiments", "Column03": "Austerlitz's", "Column01": "suppression's"}, {"Column02": "leopards", "Column03": "slosh's", "Column01": "upturned"}, {"Column02": "uncaring", "Column03": "cosmetics", "Column01": "symmetry"}, {"Column02": "guesser's", "Column03": "lapped", "Column01": "retrogressed"}, {"Column02": "Kurd", "Column03": "wryest", "Column01": "cicadas"}, {"Column02": "cantered", "Column03": "encrustation's", "Column01": "beyond"}, {"Column02": "flybys", "Column03": "poesying", "Column01": "physician's"}, {"Column02": "fun", "Column03": "Delaware's", "Column01": "destructiveness"}, {"Column02": "scramblers", "Column03": "gestates", "Column01": "acoustics"}, {"Column02": "redesigning", "Column03": "cubits", "Column01": "Enterprise"}, {"Column02": "phonograph's", "Column03": "haloed", "Column01": "upsurge"}, {"Column02": "Michelson", "Column03": "Pansy", "Column01": "McCoys"}, {"Column02": "adieu", "Column03": "Dido", "Column01": "ligaturing"}, {"Column02": "osprey's", "Column03": "expressiveness's", "Column01": "Starr"}, {"Column02": "patent's", "Column03": "therapeutically", "Column01": "brasher"}, {"Column02": "enfranchise", "Column03": "idolized", "Column01": "criticized"}, {"Column02": "Angel", "Column03": "wryest", "Column01": "drum"}, {"Column02": "overstaying", "Column03": "tranquillized", "Column01": "alacrity"}, {"Column02": "underachievers", "Column03": "minority", "Column01": "Brigham's"}, {"Column02": "lobotomy's", "Column03": "filament's", "Column01": "scoldings"}, {"Column02": "original", "Column03": "muskmelon's", "Column01": "financially"}, {"Column02": "flagon's", "Column03": "vapidness", "Column01": "Klaus's"}, {"Column02": "dhotis", "Column03": "fleeter", "Column01": "jugulars"}, {"Column02": "shanty", "Column03": "profiteer's", "Column01": "disbelief"}, {"Column02": "bureaucracies", "Column03": "flashier", "Column01": "refrigerating"}, {"Column02": "betrayal's", "Column03": "hindquarters", "Column01": "faze"}, {"Column02": "Poland", "Column03": "cobbler", "Column01": "kidnaped"}] ", "Column03": "hindquarters", "Column01": "faze"}, [{"Column02": "shines", "Column03": "paycheck", "Column01": "days"}, {"Column02": "erg", "Column03": "gag", "Column01": "emotion's"}, {"Column02": "Chris", "Column03": "Poznan's", "Column01": "treasure's"}, {"Column02": "presentiments", "Column03": "Austerlitz's", "Column01": "suppression's"}, {"Column02": "leopards", "Column03": "slosh's", "Column01": "upturned"}, {"Column02": "uncaring", "Column03": "cosmetics", "Column01": "symmetry"}, {"Column02": "guesser's", "Column03": "lapped", "Column01": "retrogressed"}, {"Column02": "Kurd", "Column03": "wryest", "Column01": "cicadas"}, {"Column02": "cantered", "Column03": "encrustation's", "Column01": "beyond"}, {"Column02": "flybys", "Column03": "poesying", "Column01": "physician's"}, {"Column02": "fun", "Column03": "Delaware's", "Column01": "destructiveness"}, {"Column02": "scramblers", "Column03": "gestates", "Column01": "acoustics"}, {"Column02": "redesigning", "Column03": "cubits", "Column01": "Enterprise"}, {"Column02": "phonograph's", "Column03": "haloed", "Column01": "upsurge"}, {"Column02": "Michelson", "Column03": "Pansy", "Column01": "McCoys"}, {"Column02": "adieu", "Column03": "Dido", "Column01": "ligaturing"}, {"Column02": "osprey's", "Column03": "expressiveness's", "Column01": "Starr"}, {"Column02": "patent's", "Column03": "therapeutically", "Column01": "brasher"}, {"Column02": "enfranchise", "Column03": "idolized", "Column01": "criticized"}, {"Column02": "Angel", "Column03": "wryest", "Column01": "drum"}, {"Column02": "overstaying", "Column03": "tranquillized", "Column01": "alacrity"}, {"Column02": "underachievers", "Column03": "minority", "Column01": "Brigham's"}, {"Column02": "lobotomy's", "Column03": "filament's", "Column01": "scoldings"}, {"Column02": "original", "Column03": "muskmelon's", "Column01": "financially"}, {"Column02": "flagon's", "Column03": "vapidness", "Column01": "Klaus's"}, {"Column02": "dhotis", "Column03": "fleeter", "Column01": "jugulars"}, {"Column02": "shanty", "Column03": "profiteer's", "Column01": "disbelief"}, {"Column02": "bureaucracies", "Column03": "flashier", "Column01": "refrigerating"}, {"Column02": "betrayal's", "Column03": "hindquarters", "Column01": "faze"}, {"Column02": "Poland", "Column03": "cobbler", "Column01": "kidnaped"}]

I use...

Yahoo PureCSS version 0.4.2
jQuery version 2.0.3
AngularJS Version 1.2.14 ^{Note 1}

What I've tried

None of these things have an impact on the problem:

Delete jQuery
Remove Yahoo PureCSS
Change the default settings on ngTable Filters
Remove any other javascript from the page (in fact, on the same page there were several controllers angularjs , but removed all the rest in the hope that it was just a simple conflict script.
Several experimental what-if-I-modify-this (read: setting at straws) in the controller AngularJS, which builds ngTable.
I tried to use null instead of empty rows in my filter as proposed Sander Elias

If I insert json-data within a block <script> , instead of creating the ajax the json service, the REST , a table is filled correctly when the page is loaded, but it does not help, because the data is constantly changing from time to time.

+6

the json javascript angularjs html5 the ajax

Mike pennington Mar 15 '14 at 20:45

source share

1 answer

lib3d · Accepted Answer · 2014-03-16T21:47:55+0000

Your data asynchronously is selected, but you use it simultaneously. Then the first call getData uses unauthorized data, which means that no data at all.

To enter a symbol, it seems, is getData with, this time, resolved data . This explains the data displayed on the first insertion of the key.

To wait for data acquisition, perform ngTable call this callback:

 /* there, data are not fetched */ data.$promise.then(function (data) { /* there data are fetched, work with it */ }); * / /* there, data are not fetched */ data.$promise.then(function (data) { /* there data are fetched, work with it */ }); ) { /* there, data are not fetched */ data.$promise.then(function (data) { /* there data are fetched, work with it */ }); with it * / /* there, data are not fetched */ data.$promise.then(function (data) { /* there data are fetched, work with it */ });

AngularJS ngTable delays ajax mapping data

Background

Problem

Questions

Update: The obvious solution to the problem, thanks to answer lib3d

More articles: