├── .gitignore ├── README.md ├── examples ├── js │ ├── app.factory.js │ └── angular-sanitize.js ├── css │ └── style.css ├── example12.html ├── example01.html ├── example10.html ├── example03.html ├── example02.html ├── example07.html ├── example08.html ├── example09.html ├── example11.html ├── example14-load-data-from-server.html ├── example04.html ├── example05.html └── example13.html ├── LICENSE └── src └── solo.table.js /.gitignore: -------------------------------------------------------------------------------- 1 | .DS_Store 2 | .idea/* -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | solo-angular-table 2 | ================== 3 | 4 | AngularJS HTML table (grid) with sorting, filters and pagination. 5 | 6 | AngularJS таблица (список) с сортировкой, фильтрами и постраничной навигацией. 7 | 8 | Примеры и документация (в разработке) см. http://solo-framework.github.io/solo-angular-table/ 9 | -------------------------------------------------------------------------------- /examples/js/app.factory.js: -------------------------------------------------------------------------------- 1 | /** 2 | * Создание нового Angular приложения с заданными настройками. 3 | * Позволяет разместить на одной странице несколько приложений. 4 | * 5 | * @param elementId ID DOM-элемента, к которому прикрепляется приложение 6 | * @param appName Имя приложения (главного модуля) 7 | * @param modules Список модулей, подключаемых к приложению 8 | * @constructor 9 | */ 10 | var AppFactory = function(elementId, appName, modules) 11 | { 12 | 'use strict'; 13 | 14 | if (!modules) 15 | modules = []; 16 | 17 | var el = document.getElementById(elementId); 18 | 19 | angular.module(appName, modules).config([ 20 | 21 | /** 22 | * Т.к. используется Smarty, то символы {{ и }} нужно заменить, 23 | * например, на <[ и ]> 24 | */ 25 | "$interpolateProvider", function($interpolateProvider){ 26 | $interpolateProvider.startSymbol('<['); 27 | $interpolateProvider.endSymbol(']>'); 28 | } 29 | ]); 30 | modules.push(appName); 31 | angular.bootstrap(el, modules); 32 | }; -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2013 afi 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy of 6 | this software and associated documentation files (the "Software"), to deal in 7 | the Software without restriction, including without limitation the rights to 8 | use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of 9 | the Software, and to permit persons to whom the Software is furnished to do so, 10 | subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS 17 | FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR 18 | COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER 19 | IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN 20 | CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. 21 | -------------------------------------------------------------------------------- /examples/css/style.css: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | /* Валидаторы */ 5 | label.error, div.error 6 | { 7 | display: block; 8 | color: red; 9 | font-size: .9em; 10 | 11 | margin-top: -8px; 12 | } 13 | label.success, div.success 14 | { 15 | display: block; 16 | color: #1b7007; 17 | font-size: .9em; 18 | 19 | margin-top: -8px; 20 | } 21 | 22 | 23 | /* Переопределения bootstrap */ 24 | .form-horizontal .control-label 25 | { 26 | text-align: left; 27 | } 28 | .form-horizontal .controls 29 | { 30 | margin-left: 0; 31 | } 32 | 33 | .control-label 34 | { 35 | font-weight: bold; 36 | } 37 | 38 | .form-actions 39 | { 40 | background-color: #ffffff; 41 | padding-left: 0px; 42 | } 43 | 44 | .help-block 45 | { 46 | font-size: 0.7em; 47 | } 48 | 49 | .table thead th { 50 | vertical-align: middle; 51 | } 52 | 53 | /* remove a border around buttons and links*/ 54 | a:focus { outline: none; } 55 | .modal-open .modal,.btn:focus{ 56 | outline: none!important 57 | } 58 | 59 | .modal{ 60 | width: auto; 61 | } 62 | 63 | /* eo Переопределения bootstrap */ 64 | 65 | .login-form 66 | { 67 | margin-top: 12px; 68 | background-color: #ffffff !important; 69 | } 70 | 71 | 72 | .login-form > form 73 | { 74 | margin-bottom: 0; 75 | } 76 | 77 | 78 | .current-box-row { 79 | background-color: greenyellow !important; 80 | } 81 | 82 | .sidebar-block 83 | { 84 | background-color: #ffffff; 85 | border: 1px solid rgba(0, 0, 0, 0.15); 86 | border-radius: 0px; 87 | display: block; 88 | font-size: 1em; 89 | line-height: 18px; 90 | margin-bottom: 5px; 91 | margin-right: -15px; 92 | padding: 0px 6px 6px 15px; 93 | } 94 | 95 | #quickCheckForm 96 | { 97 | margin-bottom: 0; 98 | } 99 | 100 | #quick-check-allowed 101 | { 102 | font-size: 16px; 103 | color: green; 104 | } 105 | 106 | #quick-check-disallowed 107 | { 108 | font-size: 16px; 109 | color: red; 110 | } 111 | 112 | .sub-tilte 113 | { 114 | font-style: italic; 115 | margin-top: -15px; 116 | margin-bottom: 15px; 117 | } 118 | 119 | .solo-table-sort-asc > .solo-column-arrow 120 | { 121 | position: relative; 122 | top: 10px; 123 | margin-left: 5px; 124 | border-color: black transparent; 125 | border-style: solid; 126 | border-width: 5px 5px 0px 5px; 127 | height: 0px; 128 | width: 0px; 129 | } 130 | .solo-table-sort-desc > .solo-column-arrow 131 | { 132 | position: relative; 133 | top: -10px; 134 | margin-left: 5px; 135 | border-color: black transparent; 136 | border-style: solid; 137 | border-width: 0px 5px 5px 5px; 138 | height: 0px; 139 | width: 0px; 140 | } 141 | 142 | .solo-table-column-cursor 143 | { 144 | cursor: pointer; 145 | } 146 | 147 | .rule-result-text 148 | { 149 | width: 550px; 150 | } -------------------------------------------------------------------------------- /examples/example12.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Solo Table: example 12 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 46 | 47 | 48 | 49 | 50 |
51 |
52 |
53 | 54 |

Example #12

55 | 56 |

57 | You can pass your data into grid via JSON object 58 |

59 | 60 | 61 |
62 | 63 | 68 | 69 | 70 | 71 | 72 | 76 |
77 | 78 | 79 |
Page <[pager.currentPage]> of <[pager.foundPages]>. Total items: <[pager.found]>
80 | 81 | 82 | 83 | 84 | 85 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 100 | 101 | 102 | 103 | 104 | 105 | 106 |
IdNameAddress
<[item.id]>
107 | 108 | 109 |
110 | First page | 111 | ←prev | 112 | next → | 113 | Last page 114 |
115 | 116 |
117 | 118 |
119 | 120 |
121 |
122 |
123 | 124 | 147 | 148 | 149 | -------------------------------------------------------------------------------- /examples/example01.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Solo Table: example 01 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 |
19 |
20 | 21 |

Example #1

22 | 23 |

24 | The simplest example with a pager 25 |

26 | 27 | 28 |
29 | 30 | 34 | 35 | 36 | 40 |
41 | [{"id":0,"name":"Arnoldo Rodriguez","address":"41709 Ruthe Squares\nNew Jensen, NC 27708-7727"},{"id":1,"name":"Mrs. Lolita Dare","address":"295 Luettgen Ports\nCristview, CA 87559-2576"},{"id":2,"name":"Xzavier Bernhard","address":"8019 Greenfelder Canyon\nWest Jailynville, NY 34198"},{"id":3,"name":"Dr. Cesar Bins IV","address":"62882 Altenwerth Glens\nWest Madelineborough, AL 39472"},{"id":4,"name":"Earlene Bashirian MD","address":"9062 West Glens\nHellerville, WV 62908"},{"id":5,"name":"Mrs. Deonte Schowalter Sr.","address":"7489 Johns Turnpike Apt. 888\nStellaville, KS 05548-3835"},{"id":6,"name":"Mrs. Gudrun Homenick III","address":"84378 Cheyenne Village Suite 360\nFraneckimouth, MT 42064-2302"},{"id":7,"name":"Jett Reinger Jr.","address":"111 Hessel Harbors\nKelliemouth, NY 15021-9741"},{"id":8,"name":"Flavie Considine","address":"134 Garth Branch Apt. 081\nEnricoport, UT 73395"},{"id":9,"name":"Samson Strosin I","address":"3549 Agustin Groves Apt. 585\nEast Davionberg, SC 61631"},{"id":10,"name":"Ibrahim Kovacek","address":"3612 Dameon Rapid\nMariaburgh, AL 75957"},{"id":11,"name":"Scottie Corwin","address":"56685 Chaya Divide\nNorth Efren, WA 54313-9459"},{"id":12,"name":"Mr. Bo Rohan","address":"367 Bart Burgs\nOmerview, CT 41188-6752"},{"id":13,"name":"Jonathon McDermott","address":"140 Langosh Prairie Suite 399\nWest Alicechester, FM 93748"},{"id":14,"name":"Walton Glover MD","address":"9530 Leland Drive\nPort Raoulside, AA 93586"},{"id":15,"name":"Eddie Keebler","address":"250 Dietrich Dale\nHirtheshire, PA 04190"},{"id":16,"name":"Arden Kuhn III","address":"64225 Jeremie Club Apt. 086\nNorth Percystad, SC 84598"},{"id":17,"name":"Simone Towne","address":"3824 Hintz Shores\nEast Davefurt, LA 77432"},{"id":18,"name":"Alexane Johnson","address":"2725 Bayer Parkway\nEast Bustershire, MS 73226"},{"id":19,"name":"Dr. Virginia Ernser","address":"427 Mitchell Flat Apt. 739\nKarleymouth, AP 50738"},{"id":20,"name":"Aylin Harris","address":"37552 Leuschke Village\nBruenville, MS 14407-2651"},{"id":21,"name":"Ms. Noemi Ernser MD","address":"01522 Brakus Brooks\nLake Kariville, OH 26193"},{"id":22,"name":"Mr. Hipolito Kreiger","address":"264 Bradtke Flats Apt. 238\nLake Colton, AZ 27335-4520"},{"id":23,"name":"Lester Little II","address":"634 Torphy Vista Apt. 209\nAnikaborough, FM 72133"},{"id":24,"name":"Khalil Cartwright","address":"97743 Ritchie Estates Suite 269\nPacochaside, VI 58454"},{"id":25,"name":"Rhiannon Hilpert","address":"12711 Jast Mission Apt. 552\nHalvorsonport, CO 63911-6993"},{"id":26,"name":"Salvatore Windler","address":"175 Elnora Crescent Apt. 218\nDelilahfort, WY 39740-7196"},{"id":27,"name":"Keanu Ernser","address":"1660 Llewellyn Manors\nNew Carolyn, MH 57551-1665"},{"id":28,"name":"Stephan Grady","address":"59054 Chaz Oval Apt. 062\nSouth Eldachester, SC 82692"},{"id":29,"name":"Emmy Turcotte","address":"597 Derek Mission Apt. 948\nLake Kaylihaven, MO 08821"},{"id":30,"name":"Watson Cronin I","address":"7323 Schmitt Mall Apt. 991\nPort Libbie, ND 08985"},{"id":31,"name":"Amiya Stark","address":"27777 Bruen Crossroad Apt. 709\nConroyville, NC 09344"},{"id":32,"name":"Mekhi Wunsch","address":"2298 Moshe Loop Suite 765\nEast Roosevelt, MO 97426-9701"},{"id":33,"name":"Nettie Ward","address":"790 Raoul Fields\nMalloryhaven, NJ 84610-1427"},{"id":34,"name":"Hilma Mertz","address":"0640 Eloise Port\nFermintown, MD 65364-2505"},{"id":35,"name":"Mr. Evie Kassulke Jr.","address":"0087 Andrew Lock Apt. 503\nDeshawntown, VT 86862-9721"},{"id":36,"name":"Litzy Koch","address":"811 Mosciski Rapid\nNew Marietta, VT 92078"},{"id":37,"name":"Ocie Littel","address":"740 Magdalena Camp Suite 369\nArmstrongshire, SD 76246"},{"id":38,"name":"Billy Langosh","address":"8207 Reynold Inlet Apt. 402\nWest Cristina, TX 52378"},{"id":39,"name":"Miss Kolby Krajcik","address":"06873 Clarabelle Oval\nNew Miracletown, OR 96947-2216"},{"id":40,"name":"Brennan Wolf","address":"85114 Valentin Bridge\nJordanfurt, ID 43773-7961"},{"id":41,"name":"Dr. Darrin Krajcik III","address":"762 Kuvalis Drive Apt. 977\nPort Larissa, WV 16524-3868"},{"id":42,"name":"Dr. Sean McCullough","address":"6697 Marks Pass\nNorth Alexzander, NH 65878-1152"},{"id":43,"name":"Harold Rath","address":"06499 Catharine Squares Suite 823\nMohammedburgh, AZ 56747"},{"id":44,"name":"Miss Herbert Thiel","address":"30904 Schaden Road Apt. 825\nBergstromshire, FL 65165-3611"},{"id":45,"name":"Zoey Kertzmann","address":"416 Lia Divide Apt. 677\nParisianfort, IA 82666"},{"id":46,"name":"Judge Bailey","address":"263 Stiedemann Shoals\nBlancaside, OH 69150-5172"},{"id":47,"name":"Miss Theodore Sporer","address":"9921 Lynch Forge\nLake Luramouth, NJ 07679-7707"},{"id":48,"name":"Valerie Macejkovic","address":"48822 Clemens Crossing\nHeathcotetown, VI 61556"},{"id":49,"name":"Savanah Gleason","address":"80499 Frami Street Suite 846\nLake Shane, OH 30357"},{"id":50,"name":"Evan White Sr.","address":"99192 Cory Skyway\nWest Daphneyton, GU 28770-6211"},{"id":51,"name":"Mrs. Orval Crist","address":"55420 Mathew Ferry Apt. 567\nDereckland, CO 69609-9284"},{"id":52,"name":"Naomie Walker","address":"0282 Tromp Ridge\nWest Kim, OH 65782-9698"},{"id":53,"name":"Miss Aubree Wiegand","address":"6228 Kuhlman Village\nWest Emerson, MT 77135-4833"},{"id":54,"name":"Lester Reichert","address":"934 Bulah Ford\nArvillaport, PR 71606-5461"},{"id":55,"name":"Mr. Conrad Abernathy DVM","address":"235 Wiegand Creek Apt. 009\nDonnellyhaven, MO 70649"},{"id":56,"name":"Garfield Bins","address":"2394 Sabrina Lake\nYasminville, TN 89051"},{"id":57,"name":"Otilia Goyette","address":"9218 Powlowski Ford\nLake Carolynechester, AZ 33602-5551"},{"id":58,"name":"Adrienne Hoppe","address":"22957 O'Kon Center Apt. 484\nClementinefurt, NJ 25587"},{"id":59,"name":"Sarah Legros","address":"11554 Kelly Extension\nLavernetown, MA 38206-0678"},{"id":60,"name":"Erna Crooks","address":"679 Emard Landing Suite 810\nAnselville, KS 02665-1629"},{"id":61,"name":"Euna Labadie","address":"801 Treutel Run Apt. 354\nJaketon, FM 45245-9247"},{"id":62,"name":"Jon Goldner III","address":"17839 Shana Fork Apt. 850\nLake Justonmouth, AR 90716-0403"},{"id":63,"name":"Niko Hilpert","address":"33616 Rodriguez Place Apt. 786\nOkunevamouth, AR 78889"},{"id":64,"name":"Randi Jenkins","address":"632 Paucek Circles\nLake Nicholeborough, MH 73696"},{"id":65,"name":"Lucie Jaskolski","address":"51214 Virgie Cliffs\nHoegerport, AS 11714"},{"id":66,"name":"George Howe","address":"739 Jedediah Motorway\nLindgrenhaven, WI 94261"},{"id":67,"name":"Floyd Steuber","address":"138 Ally Locks\nAllanborough, AS 13887-8545"},{"id":68,"name":"Liam Altenwerth PhD","address":"75548 Simonis Island Suite 551\nBrownmouth, AA 12503"},{"id":69,"name":"Mireya Zboncak","address":"06898 Dach Bridge\nNew Madyson, MD 57114-0145"},{"id":70,"name":"Ephraim Ondricka PhD","address":"7699 Lucas Stravenue\nSouth Montanashire, NH 67432"},{"id":71,"name":"Herta Welch","address":"4223 Nikolaus Manor Apt. 586\nOsinskishire, MH 42503-3311"},{"id":72,"name":"Dr. Kariane Bauch","address":"3728 Rodger Road Suite 581\nGeorgettehaven, ND 78217"},{"id":73,"name":"Kip Franecki I","address":"069 Cremin Dale Apt. 482\nNew Theresa, PA 57783"},{"id":74,"name":"Antwan Oberbrunner","address":"364 Imelda Ridges Apt. 076\nHermistonborough, IL 21867"},{"id":75,"name":"Therese Prohaska","address":"465 Jaquan Summit\nHomenickview, IA 84652-6678"},{"id":76,"name":"Kirsten Monahan","address":"670 Mandy Meadow\nNew Shirley, MI 50950"},{"id":77,"name":"Zelma Mueller","address":"522 Jeremy Overpass\nEast Eladiofort, RI 17429-7457"},{"id":78,"name":"Corbin Klein","address":"4321 Bradtke Center Suite 471\nKacieville, RI 69465-8089"},{"id":79,"name":"Amir McLaughlin","address":"2324 Schinner Causeway Suite 169\nWest Favian, WY 22557-0562"},{"id":80,"name":"Jamarcus Kuvalis","address":"468 Crona Mills\nSchusterborough, AE 36000"},{"id":81,"name":"Lorna Borer","address":"267 Bechtelar Trafficway Apt. 654\nEriktown, AK 03032-8254"},{"id":82,"name":"Herman Hermann II","address":"3947 Matteo Gardens Apt. 087\nLake Danaside, NY 00145"},{"id":83,"name":"Mrs. Kyleigh Prohaska MD","address":"472 Stamm Stream\nNorth Rory, TN 78686-7453"},{"id":84,"name":"Sean Turcotte","address":"44864 Ziemann Course Apt. 435\nMcLaughlinborough, WY 77356"},{"id":85,"name":"Marilou Waelchi","address":"656 Buckridge Vista\nWest Marjorie, HI 85546-5534"},{"id":86,"name":"Dr. Dora Feeney IV","address":"9891 Elisabeth Trail Suite 245\nNorth Fosterfort, NC 48947"},{"id":87,"name":"Maureen Kutch Jr.","address":"77627 Larkin Course Suite 714\nKobeland, NH 40825-9586"},{"id":88,"name":"Erik Champlin","address":"261 Connie Loop Suite 162\nWest Maybell, AA 60566-8075"},{"id":89,"name":"Deondre Koss","address":"969 Buddy Ford Apt. 031\nPort Diegoport, KS 30227-0453"},{"id":90,"name":"Mr. Christopher White","address":"35053 Greenholt Land\nEdythechester, AP 15307-6529"},{"id":91,"name":"Jamir Quigley","address":"25107 Smitham Creek Suite 712\nNorth Rahulhaven, OH 74745"},{"id":92,"name":"Ms. Bette Hartmann","address":"652 Murphy Loop\nConcepcionmouth, PA 02132"},{"id":93,"name":"Brendon Block V","address":"9860 Windler Lane\nShanieview, VI 79753-2409"},{"id":94,"name":"Miss Jess Kling","address":"333 Lincoln Flats\nIsaiasstad, ND 28346-3251"},{"id":95,"name":"Maxie Gleason","address":"218 Schuster Meadow\nPort Keatonchester, AL 88656"},{"id":96,"name":"Sheridan Carroll IV","address":"51659 Miller Island Suite 899\nDickichester, PW 54694"},{"id":97,"name":"Dr. Adalberto Mraz MD","address":"15060 Syble Forest Apt. 927\nNorth Daphneburgh, GU 24812-8021"},{"id":98,"name":"Sigmund Effertz","address":"197 Runolfsdottir Plain\nGroverport, VI 53448"},{"id":99,"name":"Ms. Magali Treutel","address":"41345 Reilly Plaza Apt. 978\nSouth Wendellstad, GU 84864-5926"}] 42 |
43 | 44 | 45 |
Page <[pager.currentPage]> of <[pager.foundPages]>. Total items: <[pager.found]>
46 | 47 | 48 | 49 | 50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 63 | 64 | 65 | 66 | 67 | 68 | 69 |
IdNameAddress
<[item.id]><[item.name]><[item.address]>
70 | 71 | 72 | 78 | 79 |
80 | 81 |
82 | 83 |
84 |
85 |
86 | 87 | 95 | 96 | 97 | -------------------------------------------------------------------------------- /src/solo.table.js: -------------------------------------------------------------------------------- 1 | /** 2 | AngularJS table with filters, sorting and pagination 3 | 4 | The MIT License (MIT) 5 | 6 | Copyright (c) 2013 Andrey Filippov 7 | 8 | Permission is hereby granted, free of charge, to any person obtaining a copy 9 | of this software and associated documentation files (the "Software"), to deal 10 | in the Software without restriction, including without limitation the rights 11 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 12 | copies of the Software, and to permit persons to whom the Software is 13 | furnished to do so, subject to the following conditions: 14 | 15 | The above copyright notice and this permission notice shall be included in 16 | all copies or substantial portions of the Software. 17 | 18 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 19 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 20 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 21 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 22 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 23 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN 24 | THE SOFTWARE. 25 | 26 | */ 27 | 28 | angular.module("solo.table", []) 29 | 30 | .controller("SoloTableCtrl", ['$scope', function ($scope){ 31 | 32 | $scope.original = []; 33 | 34 | $scope.bindData = function(data) 35 | { 36 | $scope.original = data; 37 | }; 38 | 39 | /** 40 | * По этой коллекции нужно выполнять ng-repeat 41 | * 42 | * @type Array 43 | */ 44 | $scope.filtered = []; 45 | 46 | $scope.order = { 47 | header: null, 48 | direction: false 49 | }; 50 | 51 | $scope.tableHeaders = {}; 52 | 53 | /** 54 | * Проверка переданного параметра на принадлежность к promise-объекту 55 | * 56 | * @param variableToCheck 57 | * @returns {*|boolean} 58 | */ 59 | $scope.isPromise = function(variableToCheck) { 60 | return (variableToCheck && angular.isFunction(variableToCheck.then)); 61 | }; 62 | 63 | /** 64 | * Описание пейджера 65 | * 66 | * @type onPage: number, currentPage: number, found: number, total: Number, foundPages: number 67 | */ 68 | $scope.pager = { 69 | onPage: 10, // сколько записей на странице 70 | currentPage: 1, // номер текущей страницы 71 | found: 0, // найдено записей 72 | foundPages: 0, // количество страниц в таблице 73 | 74 | /** 75 | * Устанавливает количество записей на странице 76 | * @param num int Количество записей на странице 77 | */ 78 | setOnPage: function(num) 79 | { 80 | this.onPage = parseInt(num); 81 | this.update($scope.filtered.length); 82 | }, 83 | 84 | /** 85 | * Возвращает количество записей на странице 86 | * @returns int 87 | */ 88 | getOnPage: function() 89 | { 90 | return this.onPage; 91 | }, 92 | 93 | /** 94 | * Обновляет данные пейджера 95 | * @param len int Количество записей в таблице (после применения фильтра) 96 | */ 97 | update: function(len) 98 | { 99 | this.found = len; 100 | this.foundPages = Math.ceil(len / this.onPage); 101 | this.currentPage = 1; 102 | } 103 | }; 104 | 105 | /** 106 | * Режим сортировки: 107 | * 2 - только ASC и DESC 108 | * 3 - default, ASC и DESC 109 | * 110 | * @type {number} 111 | */ 112 | $scope.sortMode = 2; 113 | 114 | /** 115 | * Установка режима сортировки 116 | * @param mode 117 | */ 118 | $scope.setSortMode = function(mode) 119 | { 120 | if (mode == "" || mode == null) 121 | $scope.sortMode = 2; 122 | else 123 | $scope.sortMode = parseInt(mode); 124 | }; 125 | 126 | 127 | /** 128 | * Переход на следующую страницу 129 | */ 130 | $scope.gotoNextPage = function() 131 | { 132 | if ($scope.pager.foundPages == $scope.pager.currentPage) 133 | return true; 134 | 135 | $scope.pager.currentPage++; 136 | }; 137 | 138 | /** 139 | * Переход на первую страницу 140 | */ 141 | $scope.gotoFirstPage = function () 142 | { 143 | $scope.pager.currentPage = 1; 144 | }; 145 | 146 | /** 147 | * Переход на последнюю страницу 148 | */ 149 | $scope.gotoLastPage = function () 150 | { 151 | $scope.pager.currentPage = $scope.pager.foundPages; 152 | }; 153 | 154 | /** 155 | * Переход на предыдущую страницу 156 | */ 157 | $scope.gotoPrevPage = function() 158 | { 159 | if ($scope.pager.currentPage == 1) 160 | return true; 161 | $scope.pager.currentPage--; 162 | }; 163 | 164 | // следим за коллекцией отфильтрованных элементов 165 | $scope.$watchCollection("filtered", function (list){ 166 | $scope.pager.update(list.length); 167 | }); 168 | 169 | /** 170 | * Сортировка по колонкам 171 | * @param header 172 | */ 173 | $scope.orderTableBy = function(header){ 174 | 175 | if ($scope.sortMode == 2) 176 | { 177 | // это для работы в 2-х режимах ASC и DESC 178 | if ($scope.order.header == header && $scope.order.direction == false) 179 | { 180 | $scope.order.direction = true; 181 | } 182 | else 183 | { 184 | $scope.order.header = header; 185 | $scope.order.direction = false; 186 | } 187 | } 188 | if ($scope.sortMode == 3) 189 | { 190 | if ($scope.order.header == header && $scope.order.direction == true) 191 | { 192 | $scope.order.header = null; // очистка сортировки. 193 | } 194 | else if ( $scope.order.header == header ) 195 | { 196 | $scope.order.direction = true; 197 | } 198 | else 199 | { 200 | $scope.order.header = header; 201 | $scope.order.direction = false; 202 | } 203 | } 204 | 205 | }; 206 | }]) 207 | 208 | .filter("pager", function(){ 209 | return function(items, page, onPage) 210 | { 211 | if (items.length <= onPage) 212 | return items; 213 | 214 | var offset = (page - 1) * onPage; 215 | return items.slice(offset, offset + onPage); 216 | }; 217 | }) 218 | /** 219 | * Эта директива добавляет данные в таблицу 220 | * 221 | * Пример: 222 | *
223 | * [{"id":0,"prefix":"Miss","name":"Alvah Gleason","address":"58707 Ophelia Field\nEast Lorena, LA 89754-9301"}] 224 | *
225 | */ 226 | .directive("soloTableData", function(){ 227 | return { 228 | require: "?ngModel", 229 | restrict: "A", 230 | link: function (scope, elm, attrs, ngm) 231 | { 232 | //elm.hide(); 233 | elm.css({"display" : "none"}); 234 | 235 | if (!!attrs.soloTableData) { 236 | scope.$watch(attrs.soloTableData, function (value){ 237 | if (!scope.isPromise(value)) { 238 | scope.bindData(value); 239 | } 240 | }); 241 | } else { 242 | var json = angular.fromJson(elm.html()); 243 | scope.bindData(json); 244 | } 245 | } 246 | }; 247 | }) 248 | /** 249 | * Эта директива добавляет возможность сортировки колонки 250 | * и добавляет в разметку стрелки, указывающие направление сортировки 251 | * 252 | * Пример: 253 | * 254 | * Id 255 | * 256 | */ 257 | .directive("sortBy", function($compile){ 258 | return { 259 | require: "?ngModel", 260 | restrict: "A", 261 | replace: false, 262 | template: function(tElement, tAttrs) 263 | { 264 | return "" + tElement.html()+ ""; 265 | 266 | }, 267 | link: function (scope, elm, attrs, ngm) 268 | { 269 | if (attrs.sortBy) 270 | { 271 | elm.append(""); 272 | scope.tableHeaders[attrs.sortBy] = elm; 273 | } 274 | } 275 | }; 276 | }) 277 | 278 | /** 279 | * Можно также указать направление сортировки по-умолчанию, возможные значения asc и desc. 280 | * Указать можно только у одной колонки. 281 | * Пример: 282 | * Name 283 | */ 284 | .directive("defaultSort", function(){ 285 | return { 286 | restrict: "A", 287 | link: function (scope, elm, attrs, ngm) 288 | { 289 | if (attrs.sortBy) 290 | { 291 | if ("asc" == attrs.defaultSort) 292 | scope.order.direction = false; 293 | 294 | if ("desc" == attrs.defaultSort) 295 | scope.order.direction = true; 296 | 297 | scope.order.header = attrs.sortBy; 298 | } 299 | } 300 | } 301 | }) 302 | 303 | /** 304 | * Базовая директива 305 | * 306 | * 307 | * ... 308 | * 309 | */ 310 | .directive("soloTable", function(){ 311 | 312 | var config = { 313 | require: "?ngModel", 314 | restrict: "E", 315 | scope: false, 316 | controller: "SoloTableCtrl", 317 | compile: function (elm, attr) 318 | { 319 | // scope: true - the directive creates a new child scope that prototypically inherits 320 | // from the parent scope. If more than one directive (on the same DOM element) requests a new scope, 321 | // only one new child scope is created. Since we have "normal" prototypal inheritance, 322 | // this is like ng-include and ng-switch, so be wary of 2-way data binding to parent scope primitives, 323 | // and child scope hiding/shadowing of parent scope properties. 324 | if (attr.hasOwnProperty("scope")) 325 | { 326 | this.scope = (attr.scope == "true")? true : false; 327 | } 328 | 329 | var tr = null; 330 | if (attr.hasOwnProperty("listId")) 331 | { 332 | tr = angular.element(document.getElementById(attr.listId)); 333 | } 334 | else 335 | { 336 | tr = angular.element( elm.find('tbody').children('tr')[0]); 337 | } 338 | 339 | if (tr.length == 0) 340 | throw Error("Can't find element to repeat"); 341 | 342 | var repeat = tr.attr("ng-repeat"); 343 | 344 | if (attr.hasOwnProperty("makeSortable")) 345 | { 346 | repeat = repeat + " | orderBy:order.header:order.direction"; 347 | tr.attr("ng-repeat", repeat); 348 | } 349 | 350 | if (attr.hasOwnProperty("itemsOnPage") && attr.itemsOnPage !== 0) 351 | { 352 | repeat = repeat + " | pager:pager.currentPage:pager.getOnPage()"; 353 | tr.attr("ng-repeat", repeat); 354 | } 355 | return { 356 | pre: function preLink(scope, element, attr) 357 | { 358 | // обработка настройки make-sortable 359 | if (attr.hasOwnProperty("makeSortable")) 360 | { 361 | scope.setSortMode(attr.makeSortable); 362 | 363 | scope.$watchCollection("order", function(){ 364 | 365 | var resetClasses = function() 366 | { 367 | for (var i in scope.tableHeaders) 368 | { 369 | scope.tableHeaders[i].removeClass("solo-table-sort-asc"); 370 | scope.tableHeaders[i].removeClass("solo-table-sort-desc"); 371 | } 372 | }; 373 | 374 | if (scope.order.header == null && scope.order.direction == true) 375 | { 376 | resetClasses(); 377 | } 378 | else if (scope.order.header) 379 | { 380 | var el = scope.tableHeaders[scope.order.header]; 381 | if (!el) 382 | return; 383 | if (scope.order.direction) 384 | { 385 | resetClasses(); 386 | el.addClass("solo-table-sort-asc"); 387 | } 388 | else 389 | { 390 | resetClasses(); 391 | el.addClass("solo-table-sort-desc"); 392 | } 393 | } 394 | 395 | }); 396 | } 397 | 398 | // обработка настройки items-on-page 399 | if (attr.hasOwnProperty("itemsOnPage")) 400 | scope.pager.setOnPage(attr.itemsOnPage); 401 | //scope.pager.onPage = parseInt(attr.itemsOnPage); 402 | } 403 | }; 404 | } 405 | }; 406 | return config; 407 | }) 408 | 409 | /** 410 | * Фильтрация только по указанным полям 411 | * 412 | * @example 413 | */ 414 | .filter("filterByFields", function(){ 415 | 416 | /** 417 | * @param items - Список фильтруемых записей 418 | * @param search - Искомая подстрока 419 | * @param items - список имен полей, по которым идет поиск 420 | */ 421 | return function (items, search, fields) 422 | { 423 | if (!search) 424 | return items; 425 | 426 | if (fields.length == 0) 427 | throw Error("You have to define list of fields"); 428 | 429 | search = (''+search).toLowerCase(); 430 | 431 | var test = function(el, idx, array) 432 | { 433 | var compare = function(val, search) 434 | { 435 | // null hasn't method toString() 436 | if ( val == null ) 437 | return false; 438 | return val.toString().toLowerCase().indexOf(search) !== -1; 439 | }; 440 | 441 | var result = false; 442 | var len = fields.length; 443 | for (var i = 0; i < len; i++) 444 | { 445 | if (compare(el[fields[i]], search)) 446 | { 447 | result = true; 448 | break; 449 | } 450 | } 451 | return result; 452 | }; 453 | 454 | return items.filter(test); 455 | }; 456 | }); 457 | 458 | -------------------------------------------------------------------------------- /examples/example10.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Solo Table: example 10 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 44 | 45 | 46 | 47 | 48 |
49 |
50 |
51 | 52 |

Example #10

53 | 54 |

55 | In this example there is no table. 56 | You can use any HTML elements to build a list. 57 |

58 | 59 | 60 |
61 | 62 | 70 | 71 | 72 | 76 |
77 | [{"id":0,"name":"Arnoldo Rodriguez","address":"41709 Ruthe Squares\nNew Jensen, NC 27708-7727"},{"id":1,"name":"Mrs. Lolita Dare","address":"295 Luettgen Ports\nCristview, CA 87559-2576"},{"id":2,"name":"Xzavier Bernhard","address":"8019 Greenfelder Canyon\nWest Jailynville, NY 34198"},{"id":3,"name":"Dr. Cesar Bins IV","address":"62882 Altenwerth Glens\nWest Madelineborough, AL 39472"},{"id":4,"name":"Earlene Bashirian MD","address":"9062 West Glens\nHellerville, WV 62908"},{"id":5,"name":"Mrs. Deonte Schowalter Sr.","address":"7489 Johns Turnpike Apt. 888\nStellaville, KS 05548-3835"},{"id":6,"name":"Mrs. Gudrun Homenick III","address":"84378 Cheyenne Village Suite 360\nFraneckimouth, MT 42064-2302"},{"id":7,"name":"Jett Reinger Jr.","address":"111 Hessel Harbors\nKelliemouth, NY 15021-9741"},{"id":8,"name":"Flavie Considine","address":"134 Garth Branch Apt. 081\nEnricoport, UT 73395"},{"id":9,"name":"Samson Strosin I","address":"3549 Agustin Groves Apt. 585\nEast Davionberg, SC 61631"},{"id":10,"name":"Ibrahim Kovacek","address":"3612 Dameon Rapid\nMariaburgh, AL 75957"},{"id":11,"name":"Scottie Corwin","address":"56685 Chaya Divide\nNorth Efren, WA 54313-9459"},{"id":12,"name":"Mr. Bo Rohan","address":"367 Bart Burgs\nOmerview, CT 41188-6752"},{"id":13,"name":"Jonathon McDermott","address":"140 Langosh Prairie Suite 399\nWest Alicechester, FM 93748"},{"id":14,"name":"Walton Glover MD","address":"9530 Leland Drive\nPort Raoulside, AA 93586"},{"id":15,"name":"Eddie Keebler","address":"250 Dietrich Dale\nHirtheshire, PA 04190"},{"id":16,"name":"Arden Kuhn III","address":"64225 Jeremie Club Apt. 086\nNorth Percystad, SC 84598"},{"id":17,"name":"Simone Towne","address":"3824 Hintz Shores\nEast Davefurt, LA 77432"},{"id":18,"name":"Alexane Johnson","address":"2725 Bayer Parkway\nEast Bustershire, MS 73226"},{"id":19,"name":"Dr. Virginia Ernser","address":"427 Mitchell Flat Apt. 739\nKarleymouth, AP 50738"},{"id":20,"name":"Aylin Harris","address":"37552 Leuschke Village\nBruenville, MS 14407-2651"},{"id":21,"name":"Ms. Noemi Ernser MD","address":"01522 Brakus Brooks\nLake Kariville, OH 26193"},{"id":22,"name":"Mr. Hipolito Kreiger","address":"264 Bradtke Flats Apt. 238\nLake Colton, AZ 27335-4520"},{"id":23,"name":"Lester Little II","address":"634 Torphy Vista Apt. 209\nAnikaborough, FM 72133"},{"id":24,"name":"Khalil Cartwright","address":"97743 Ritchie Estates Suite 269\nPacochaside, VI 58454"},{"id":25,"name":"Rhiannon Hilpert","address":"12711 Jast Mission Apt. 552\nHalvorsonport, CO 63911-6993"},{"id":26,"name":"Salvatore Windler","address":"175 Elnora Crescent Apt. 218\nDelilahfort, WY 39740-7196"},{"id":27,"name":"Keanu Ernser","address":"1660 Llewellyn Manors\nNew Carolyn, MH 57551-1665"},{"id":28,"name":"Stephan Grady","address":"59054 Chaz Oval Apt. 062\nSouth Eldachester, SC 82692"},{"id":29,"name":"Emmy Turcotte","address":"597 Derek Mission Apt. 948\nLake Kaylihaven, MO 08821"},{"id":30,"name":"Watson Cronin I","address":"7323 Schmitt Mall Apt. 991\nPort Libbie, ND 08985"},{"id":31,"name":"Amiya Stark","address":"27777 Bruen Crossroad Apt. 709\nConroyville, NC 09344"},{"id":32,"name":"Mekhi Wunsch","address":"2298 Moshe Loop Suite 765\nEast Roosevelt, MO 97426-9701"},{"id":33,"name":"Nettie Ward","address":"790 Raoul Fields\nMalloryhaven, NJ 84610-1427"},{"id":34,"name":"Hilma Mertz","address":"0640 Eloise Port\nFermintown, MD 65364-2505"},{"id":35,"name":"Mr. Evie Kassulke Jr.","address":"0087 Andrew Lock Apt. 503\nDeshawntown, VT 86862-9721"},{"id":36,"name":"Litzy Koch","address":"811 Mosciski Rapid\nNew Marietta, VT 92078"},{"id":37,"name":"Ocie Littel","address":"740 Magdalena Camp Suite 369\nArmstrongshire, SD 76246"},{"id":38,"name":"Billy Langosh","address":"8207 Reynold Inlet Apt. 402\nWest Cristina, TX 52378"},{"id":39,"name":"Miss Kolby Krajcik","address":"06873 Clarabelle Oval\nNew Miracletown, OR 96947-2216"},{"id":40,"name":"Brennan Wolf","address":"85114 Valentin Bridge\nJordanfurt, ID 43773-7961"},{"id":41,"name":"Dr. Darrin Krajcik III","address":"762 Kuvalis Drive Apt. 977\nPort Larissa, WV 16524-3868"},{"id":42,"name":"Dr. Sean McCullough","address":"6697 Marks Pass\nNorth Alexzander, NH 65878-1152"},{"id":43,"name":"Harold Rath","address":"06499 Catharine Squares Suite 823\nMohammedburgh, AZ 56747"},{"id":44,"name":"Miss Herbert Thiel","address":"30904 Schaden Road Apt. 825\nBergstromshire, FL 65165-3611"},{"id":45,"name":"Zoey Kertzmann","address":"416 Lia Divide Apt. 677\nParisianfort, IA 82666"},{"id":46,"name":"Judge Bailey","address":"263 Stiedemann Shoals\nBlancaside, OH 69150-5172"},{"id":47,"name":"Miss Theodore Sporer","address":"9921 Lynch Forge\nLake Luramouth, NJ 07679-7707"},{"id":48,"name":"Valerie Macejkovic","address":"48822 Clemens Crossing\nHeathcotetown, VI 61556"},{"id":49,"name":"Savanah Gleason","address":"80499 Frami Street Suite 846\nLake Shane, OH 30357"},{"id":50,"name":"Evan White Sr.","address":"99192 Cory Skyway\nWest Daphneyton, GU 28770-6211"},{"id":51,"name":"Mrs. Orval Crist","address":"55420 Mathew Ferry Apt. 567\nDereckland, CO 69609-9284"},{"id":52,"name":"Naomie Walker","address":"0282 Tromp Ridge\nWest Kim, OH 65782-9698"},{"id":53,"name":"Miss Aubree Wiegand","address":"6228 Kuhlman Village\nWest Emerson, MT 77135-4833"},{"id":54,"name":"Lester Reichert","address":"934 Bulah Ford\nArvillaport, PR 71606-5461"},{"id":55,"name":"Mr. Conrad Abernathy DVM","address":"235 Wiegand Creek Apt. 009\nDonnellyhaven, MO 70649"},{"id":56,"name":"Garfield Bins","address":"2394 Sabrina Lake\nYasminville, TN 89051"},{"id":57,"name":"Otilia Goyette","address":"9218 Powlowski Ford\nLake Carolynechester, AZ 33602-5551"},{"id":58,"name":"Adrienne Hoppe","address":"22957 O'Kon Center Apt. 484\nClementinefurt, NJ 25587"},{"id":59,"name":"Sarah Legros","address":"11554 Kelly Extension\nLavernetown, MA 38206-0678"},{"id":60,"name":"Erna Crooks","address":"679 Emard Landing Suite 810\nAnselville, KS 02665-1629"},{"id":61,"name":"Euna Labadie","address":"801 Treutel Run Apt. 354\nJaketon, FM 45245-9247"},{"id":62,"name":"Jon Goldner III","address":"17839 Shana Fork Apt. 850\nLake Justonmouth, AR 90716-0403"},{"id":63,"name":"Niko Hilpert","address":"33616 Rodriguez Place Apt. 786\nOkunevamouth, AR 78889"},{"id":64,"name":"Randi Jenkins","address":"632 Paucek Circles\nLake Nicholeborough, MH 73696"},{"id":65,"name":"Lucie Jaskolski","address":"51214 Virgie Cliffs\nHoegerport, AS 11714"},{"id":66,"name":"George Howe","address":"739 Jedediah Motorway\nLindgrenhaven, WI 94261"},{"id":67,"name":"Floyd Steuber","address":"138 Ally Locks\nAllanborough, AS 13887-8545"},{"id":68,"name":"Liam Altenwerth PhD","address":"75548 Simonis Island Suite 551\nBrownmouth, AA 12503"},{"id":69,"name":"Mireya Zboncak","address":"06898 Dach Bridge\nNew Madyson, MD 57114-0145"},{"id":70,"name":"Ephraim Ondricka PhD","address":"7699 Lucas Stravenue\nSouth Montanashire, NH 67432"},{"id":71,"name":"Herta Welch","address":"4223 Nikolaus Manor Apt. 586\nOsinskishire, MH 42503-3311"},{"id":72,"name":"Dr. Kariane Bauch","address":"3728 Rodger Road Suite 581\nGeorgettehaven, ND 78217"},{"id":73,"name":"Kip Franecki I","address":"069 Cremin Dale Apt. 482\nNew Theresa, PA 57783"},{"id":74,"name":"Antwan Oberbrunner","address":"364 Imelda Ridges Apt. 076\nHermistonborough, IL 21867"},{"id":75,"name":"Therese Prohaska","address":"465 Jaquan Summit\nHomenickview, IA 84652-6678"},{"id":76,"name":"Kirsten Monahan","address":"670 Mandy Meadow\nNew Shirley, MI 50950"},{"id":77,"name":"Zelma Mueller","address":"522 Jeremy Overpass\nEast Eladiofort, RI 17429-7457"},{"id":78,"name":"Corbin Klein","address":"4321 Bradtke Center Suite 471\nKacieville, RI 69465-8089"},{"id":79,"name":"Amir McLaughlin","address":"2324 Schinner Causeway Suite 169\nWest Favian, WY 22557-0562"},{"id":80,"name":"Jamarcus Kuvalis","address":"468 Crona Mills\nSchusterborough, AE 36000"},{"id":81,"name":"Lorna Borer","address":"267 Bechtelar Trafficway Apt. 654\nEriktown, AK 03032-8254"},{"id":82,"name":"Herman Hermann II","address":"3947 Matteo Gardens Apt. 087\nLake Danaside, NY 00145"},{"id":83,"name":"Mrs. Kyleigh Prohaska MD","address":"472 Stamm Stream\nNorth Rory, TN 78686-7453"},{"id":84,"name":"Sean Turcotte","address":"44864 Ziemann Course Apt. 435\nMcLaughlinborough, WY 77356"},{"id":85,"name":"Marilou Waelchi","address":"656 Buckridge Vista\nWest Marjorie, HI 85546-5534"},{"id":86,"name":"Dr. Dora Feeney IV","address":"9891 Elisabeth Trail Suite 245\nNorth Fosterfort, NC 48947"},{"id":87,"name":"Maureen Kutch Jr.","address":"77627 Larkin Course Suite 714\nKobeland, NH 40825-9586"},{"id":88,"name":"Erik Champlin","address":"261 Connie Loop Suite 162\nWest Maybell, AA 60566-8075"},{"id":89,"name":"Deondre Koss","address":"969 Buddy Ford Apt. 031\nPort Diegoport, KS 30227-0453"},{"id":90,"name":"Mr. Christopher White","address":"35053 Greenholt Land\nEdythechester, AP 15307-6529"},{"id":91,"name":"Jamir Quigley","address":"25107 Smitham Creek Suite 712\nNorth Rahulhaven, OH 74745"},{"id":92,"name":"Ms. Bette Hartmann","address":"652 Murphy Loop\nConcepcionmouth, PA 02132"},{"id":93,"name":"Brendon Block V","address":"9860 Windler Lane\nShanieview, VI 79753-2409"},{"id":94,"name":"Miss Jess Kling","address":"333 Lincoln Flats\nIsaiasstad, ND 28346-3251"},{"id":95,"name":"Maxie Gleason","address":"218 Schuster Meadow\nPort Keatonchester, AL 88656"},{"id":96,"name":"Sheridan Carroll IV","address":"51659 Miller Island Suite 899\nDickichester, PW 54694"},{"id":97,"name":"Dr. Adalberto Mraz MD","address":"15060 Syble Forest Apt. 927\nNorth Daphneburgh, GU 24812-8021"},{"id":98,"name":"Sigmund Effertz","address":"197 Runolfsdottir Plain\nGroverport, VI 53448"},{"id":99,"name":"Ms. Magali Treutel","address":"41345 Reilly Plaza Apt. 978\nSouth Wendellstad, GU 84864-5926"}] 78 |
79 | 80 | 81 |

List of users

82 |

83 | You can sort them 84 | by name 85 | or 86 | by id 87 |

88 | 89 |
Page <[pager.currentPage]> of <[pager.foundPages]>. Total items: <[pager.found]>
90 | 91 |
92 | 93 |
94 | 95 |
96 |
97 | <[item.name]> 98 | id #<[item.id]> 99 |
100 |
101 |
102 | 103 |
104 | 105 |
106 | First page | 107 | ←prev | 108 | next → | 109 | Last page 110 |
111 | 112 |
113 | 114 |
115 | 116 |
117 |
118 |
119 | 120 | 128 | 129 | 130 | -------------------------------------------------------------------------------- /examples/example03.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Solo Table: example 03 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 44 | 45 | 46 | 47 | 48 |
49 |
50 |
51 | 52 |

Example #3

53 | 54 |

55 | This example with filter 56 |

57 | 58 | 59 |
60 | 61 | 66 | 67 | 68 | 69 | 70 | 74 |
75 | [{"id":0,"name":"Arnoldo Rodriguez","address":"41709 Ruthe Squares\nNew Jensen, NC 27708-7727"},{"id":1,"name":"Mrs. Lolita Dare","address":"295 Luettgen Ports\nCristview, CA 87559-2576"},{"id":2,"name":"Xzavier Bernhard","address":"8019 Greenfelder Canyon\nWest Jailynville, NY 34198"},{"id":3,"name":"Dr. Cesar Bins IV","address":"62882 Altenwerth Glens\nWest Madelineborough, AL 39472"},{"id":4,"name":"Earlene Bashirian MD","address":"9062 West Glens\nHellerville, WV 62908"},{"id":5,"name":"Mrs. Deonte Schowalter Sr.","address":"7489 Johns Turnpike Apt. 888\nStellaville, KS 05548-3835"},{"id":6,"name":"Mrs. Gudrun Homenick III","address":"84378 Cheyenne Village Suite 360\nFraneckimouth, MT 42064-2302"},{"id":7,"name":"Jett Reinger Jr.","address":"111 Hessel Harbors\nKelliemouth, NY 15021-9741"},{"id":8,"name":"Flavie Considine","address":"134 Garth Branch Apt. 081\nEnricoport, UT 73395"},{"id":9,"name":"Samson Strosin I","address":"3549 Agustin Groves Apt. 585\nEast Davionberg, SC 61631"},{"id":10,"name":"Ibrahim Kovacek","address":"3612 Dameon Rapid\nMariaburgh, AL 75957"},{"id":11,"name":"Scottie Corwin","address":"56685 Chaya Divide\nNorth Efren, WA 54313-9459"},{"id":12,"name":"Mr. Bo Rohan","address":"367 Bart Burgs\nOmerview, CT 41188-6752"},{"id":13,"name":"Jonathon McDermott","address":"140 Langosh Prairie Suite 399\nWest Alicechester, FM 93748"},{"id":14,"name":"Walton Glover MD","address":"9530 Leland Drive\nPort Raoulside, AA 93586"},{"id":15,"name":"Eddie Keebler","address":"250 Dietrich Dale\nHirtheshire, PA 04190"},{"id":16,"name":"Arden Kuhn III","address":"64225 Jeremie Club Apt. 086\nNorth Percystad, SC 84598"},{"id":17,"name":"Simone Towne","address":"3824 Hintz Shores\nEast Davefurt, LA 77432"},{"id":18,"name":"Alexane Johnson","address":"2725 Bayer Parkway\nEast Bustershire, MS 73226"},{"id":19,"name":"Dr. Virginia Ernser","address":"427 Mitchell Flat Apt. 739\nKarleymouth, AP 50738"},{"id":20,"name":"Aylin Harris","address":"37552 Leuschke Village\nBruenville, MS 14407-2651"},{"id":21,"name":"Ms. Noemi Ernser MD","address":"01522 Brakus Brooks\nLake Kariville, OH 26193"},{"id":22,"name":"Mr. Hipolito Kreiger","address":"264 Bradtke Flats Apt. 238\nLake Colton, AZ 27335-4520"},{"id":23,"name":"Lester Little II","address":"634 Torphy Vista Apt. 209\nAnikaborough, FM 72133"},{"id":24,"name":"Khalil Cartwright","address":"97743 Ritchie Estates Suite 269\nPacochaside, VI 58454"},{"id":25,"name":"Rhiannon Hilpert","address":"12711 Jast Mission Apt. 552\nHalvorsonport, CO 63911-6993"},{"id":26,"name":"Salvatore Windler","address":"175 Elnora Crescent Apt. 218\nDelilahfort, WY 39740-7196"},{"id":27,"name":"Keanu Ernser","address":"1660 Llewellyn Manors\nNew Carolyn, MH 57551-1665"},{"id":28,"name":"Stephan Grady","address":"59054 Chaz Oval Apt. 062\nSouth Eldachester, SC 82692"},{"id":29,"name":"Emmy Turcotte","address":"597 Derek Mission Apt. 948\nLake Kaylihaven, MO 08821"},{"id":30,"name":"Watson Cronin I","address":"7323 Schmitt Mall Apt. 991\nPort Libbie, ND 08985"},{"id":31,"name":"Amiya Stark","address":"27777 Bruen Crossroad Apt. 709\nConroyville, NC 09344"},{"id":32,"name":"Mekhi Wunsch","address":"2298 Moshe Loop Suite 765\nEast Roosevelt, MO 97426-9701"},{"id":33,"name":"Nettie Ward","address":"790 Raoul Fields\nMalloryhaven, NJ 84610-1427"},{"id":34,"name":"Hilma Mertz","address":"0640 Eloise Port\nFermintown, MD 65364-2505"},{"id":35,"name":"Mr. Evie Kassulke Jr.","address":"0087 Andrew Lock Apt. 503\nDeshawntown, VT 86862-9721"},{"id":36,"name":"Litzy Koch","address":"811 Mosciski Rapid\nNew Marietta, VT 92078"},{"id":37,"name":"Ocie Littel","address":"740 Magdalena Camp Suite 369\nArmstrongshire, SD 76246"},{"id":38,"name":"Billy Langosh","address":"8207 Reynold Inlet Apt. 402\nWest Cristina, TX 52378"},{"id":39,"name":"Miss Kolby Krajcik","address":"06873 Clarabelle Oval\nNew Miracletown, OR 96947-2216"},{"id":40,"name":"Brennan Wolf","address":"85114 Valentin Bridge\nJordanfurt, ID 43773-7961"},{"id":41,"name":"Dr. Darrin Krajcik III","address":"762 Kuvalis Drive Apt. 977\nPort Larissa, WV 16524-3868"},{"id":42,"name":"Dr. Sean McCullough","address":"6697 Marks Pass\nNorth Alexzander, NH 65878-1152"},{"id":43,"name":"Harold Rath","address":"06499 Catharine Squares Suite 823\nMohammedburgh, AZ 56747"},{"id":44,"name":"Miss Herbert Thiel","address":"30904 Schaden Road Apt. 825\nBergstromshire, FL 65165-3611"},{"id":45,"name":"Zoey Kertzmann","address":"416 Lia Divide Apt. 677\nParisianfort, IA 82666"},{"id":46,"name":"Judge Bailey","address":"263 Stiedemann Shoals\nBlancaside, OH 69150-5172"},{"id":47,"name":"Miss Theodore Sporer","address":"9921 Lynch Forge\nLake Luramouth, NJ 07679-7707"},{"id":48,"name":"Valerie Macejkovic","address":"48822 Clemens Crossing\nHeathcotetown, VI 61556"},{"id":49,"name":"Savanah Gleason","address":"80499 Frami Street Suite 846\nLake Shane, OH 30357"},{"id":50,"name":"Evan White Sr.","address":"99192 Cory Skyway\nWest Daphneyton, GU 28770-6211"},{"id":51,"name":"Mrs. Orval Crist","address":"55420 Mathew Ferry Apt. 567\nDereckland, CO 69609-9284"},{"id":52,"name":"Naomie Walker","address":"0282 Tromp Ridge\nWest Kim, OH 65782-9698"},{"id":53,"name":"Miss Aubree Wiegand","address":"6228 Kuhlman Village\nWest Emerson, MT 77135-4833"},{"id":54,"name":"Lester Reichert","address":"934 Bulah Ford\nArvillaport, PR 71606-5461"},{"id":55,"name":"Mr. Conrad Abernathy DVM","address":"235 Wiegand Creek Apt. 009\nDonnellyhaven, MO 70649"},{"id":56,"name":"Garfield Bins","address":"2394 Sabrina Lake\nYasminville, TN 89051"},{"id":57,"name":"Otilia Goyette","address":"9218 Powlowski Ford\nLake Carolynechester, AZ 33602-5551"},{"id":58,"name":"Adrienne Hoppe","address":"22957 O'Kon Center Apt. 484\nClementinefurt, NJ 25587"},{"id":59,"name":"Sarah Legros","address":"11554 Kelly Extension\nLavernetown, MA 38206-0678"},{"id":60,"name":"Erna Crooks","address":"679 Emard Landing Suite 810\nAnselville, KS 02665-1629"},{"id":61,"name":"Euna Labadie","address":"801 Treutel Run Apt. 354\nJaketon, FM 45245-9247"},{"id":62,"name":"Jon Goldner III","address":"17839 Shana Fork Apt. 850\nLake Justonmouth, AR 90716-0403"},{"id":63,"name":"Niko Hilpert","address":"33616 Rodriguez Place Apt. 786\nOkunevamouth, AR 78889"},{"id":64,"name":"Randi Jenkins","address":"632 Paucek Circles\nLake Nicholeborough, MH 73696"},{"id":65,"name":"Lucie Jaskolski","address":"51214 Virgie Cliffs\nHoegerport, AS 11714"},{"id":66,"name":"George Howe","address":"739 Jedediah Motorway\nLindgrenhaven, WI 94261"},{"id":67,"name":"Floyd Steuber","address":"138 Ally Locks\nAllanborough, AS 13887-8545"},{"id":68,"name":"Liam Altenwerth PhD","address":"75548 Simonis Island Suite 551\nBrownmouth, AA 12503"},{"id":69,"name":"Mireya Zboncak","address":"06898 Dach Bridge\nNew Madyson, MD 57114-0145"},{"id":70,"name":"Ephraim Ondricka PhD","address":"7699 Lucas Stravenue\nSouth Montanashire, NH 67432"},{"id":71,"name":"Herta Welch","address":"4223 Nikolaus Manor Apt. 586\nOsinskishire, MH 42503-3311"},{"id":72,"name":"Dr. Kariane Bauch","address":"3728 Rodger Road Suite 581\nGeorgettehaven, ND 78217"},{"id":73,"name":"Kip Franecki I","address":"069 Cremin Dale Apt. 482\nNew Theresa, PA 57783"},{"id":74,"name":"Antwan Oberbrunner","address":"364 Imelda Ridges Apt. 076\nHermistonborough, IL 21867"},{"id":75,"name":"Therese Prohaska","address":"465 Jaquan Summit\nHomenickview, IA 84652-6678"},{"id":76,"name":"Kirsten Monahan","address":"670 Mandy Meadow\nNew Shirley, MI 50950"},{"id":77,"name":"Zelma Mueller","address":"522 Jeremy Overpass\nEast Eladiofort, RI 17429-7457"},{"id":78,"name":"Corbin Klein","address":"4321 Bradtke Center Suite 471\nKacieville, RI 69465-8089"},{"id":79,"name":"Amir McLaughlin","address":"2324 Schinner Causeway Suite 169\nWest Favian, WY 22557-0562"},{"id":80,"name":"Jamarcus Kuvalis","address":"468 Crona Mills\nSchusterborough, AE 36000"},{"id":81,"name":"Lorna Borer","address":"267 Bechtelar Trafficway Apt. 654\nEriktown, AK 03032-8254"},{"id":82,"name":"Herman Hermann II","address":"3947 Matteo Gardens Apt. 087\nLake Danaside, NY 00145"},{"id":83,"name":"Mrs. Kyleigh Prohaska MD","address":"472 Stamm Stream\nNorth Rory, TN 78686-7453"},{"id":84,"name":"Sean Turcotte","address":"44864 Ziemann Course Apt. 435\nMcLaughlinborough, WY 77356"},{"id":85,"name":"Marilou Waelchi","address":"656 Buckridge Vista\nWest Marjorie, HI 85546-5534"},{"id":86,"name":"Dr. Dora Feeney IV","address":"9891 Elisabeth Trail Suite 245\nNorth Fosterfort, NC 48947"},{"id":87,"name":"Maureen Kutch Jr.","address":"77627 Larkin Course Suite 714\nKobeland, NH 40825-9586"},{"id":88,"name":"Erik Champlin","address":"261 Connie Loop Suite 162\nWest Maybell, AA 60566-8075"},{"id":89,"name":"Deondre Koss","address":"969 Buddy Ford Apt. 031\nPort Diegoport, KS 30227-0453"},{"id":90,"name":"Mr. Christopher White","address":"35053 Greenholt Land\nEdythechester, AP 15307-6529"},{"id":91,"name":"Jamir Quigley","address":"25107 Smitham Creek Suite 712\nNorth Rahulhaven, OH 74745"},{"id":92,"name":"Ms. Bette Hartmann","address":"652 Murphy Loop\nConcepcionmouth, PA 02132"},{"id":93,"name":"Brendon Block V","address":"9860 Windler Lane\nShanieview, VI 79753-2409"},{"id":94,"name":"Miss Jess Kling","address":"333 Lincoln Flats\nIsaiasstad, ND 28346-3251"},{"id":95,"name":"Maxie Gleason","address":"218 Schuster Meadow\nPort Keatonchester, AL 88656"},{"id":96,"name":"Sheridan Carroll IV","address":"51659 Miller Island Suite 899\nDickichester, PW 54694"},{"id":97,"name":"Dr. Adalberto Mraz MD","address":"15060 Syble Forest Apt. 927\nNorth Daphneburgh, GU 24812-8021"},{"id":98,"name":"Sigmund Effertz","address":"197 Runolfsdottir Plain\nGroverport, VI 53448"},{"id":99,"name":"Ms. Magali Treutel","address":"41345 Reilly Plaza Apt. 978\nSouth Wendellstad, GU 84864-5926"}] 76 |
77 | 78 | 79 |
Page <[pager.currentPage]> of <[pager.foundPages]>. Total items: <[pager.found]>
80 | 81 | 82 | 83 | 84 | 85 | 87 | 88 | 89 | 90 | 91 | 92 | 93 | 98 | 99 | 100 | 101 | 102 | 103 | 104 |
IdNameAddress
<[item.id]><[item.name]><[item.address]>
105 | 106 | 107 |
108 | First page | 109 | ←prev | 110 | next → | 111 | Last page 112 |
113 | 114 |
115 | 116 |
117 | 118 |
119 |
120 |
121 | 122 | 130 | 131 | 132 | -------------------------------------------------------------------------------- /examples/example02.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Solo Table: example 02 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 45 | 46 | 47 | 48 | 49 |
50 |
51 |
52 | 53 |

Example #2

54 | 55 |

56 | This example with pager and sortable columns. In this example you can sort data by Id and Name columns.
57 | There are 2 mode of sorting. The first is ASC and DESC (this example). The second is DEFAULT, ASC and DESC (see example #8). 58 |

59 | 60 | 61 |
62 | 63 | 69 | 70 | 71 | 75 |
76 | [{"id":0,"name":"Arnoldo Rodriguez","address":"41709 Ruthe Squares\nNew Jensen, NC 27708-7727"},{"id":1,"name":"Mrs. Lolita Dare","address":"295 Luettgen Ports\nCristview, CA 87559-2576"},{"id":2,"name":"Xzavier Bernhard","address":"8019 Greenfelder Canyon\nWest Jailynville, NY 34198"},{"id":3,"name":"Dr. Cesar Bins IV","address":"62882 Altenwerth Glens\nWest Madelineborough, AL 39472"},{"id":4,"name":"Earlene Bashirian MD","address":"9062 West Glens\nHellerville, WV 62908"},{"id":5,"name":"Mrs. Deonte Schowalter Sr.","address":"7489 Johns Turnpike Apt. 888\nStellaville, KS 05548-3835"},{"id":6,"name":"Mrs. Gudrun Homenick III","address":"84378 Cheyenne Village Suite 360\nFraneckimouth, MT 42064-2302"},{"id":7,"name":"Jett Reinger Jr.","address":"111 Hessel Harbors\nKelliemouth, NY 15021-9741"},{"id":8,"name":"Flavie Considine","address":"134 Garth Branch Apt. 081\nEnricoport, UT 73395"},{"id":9,"name":"Samson Strosin I","address":"3549 Agustin Groves Apt. 585\nEast Davionberg, SC 61631"},{"id":10,"name":"Ibrahim Kovacek","address":"3612 Dameon Rapid\nMariaburgh, AL 75957"},{"id":11,"name":"Scottie Corwin","address":"56685 Chaya Divide\nNorth Efren, WA 54313-9459"},{"id":12,"name":"Mr. Bo Rohan","address":"367 Bart Burgs\nOmerview, CT 41188-6752"},{"id":13,"name":"Jonathon McDermott","address":"140 Langosh Prairie Suite 399\nWest Alicechester, FM 93748"},{"id":14,"name":"Walton Glover MD","address":"9530 Leland Drive\nPort Raoulside, AA 93586"},{"id":15,"name":"Eddie Keebler","address":"250 Dietrich Dale\nHirtheshire, PA 04190"},{"id":16,"name":"Arden Kuhn III","address":"64225 Jeremie Club Apt. 086\nNorth Percystad, SC 84598"},{"id":17,"name":"Simone Towne","address":"3824 Hintz Shores\nEast Davefurt, LA 77432"},{"id":18,"name":"Alexane Johnson","address":"2725 Bayer Parkway\nEast Bustershire, MS 73226"},{"id":19,"name":"Dr. Virginia Ernser","address":"427 Mitchell Flat Apt. 739\nKarleymouth, AP 50738"},{"id":20,"name":"Aylin Harris","address":"37552 Leuschke Village\nBruenville, MS 14407-2651"},{"id":21,"name":"Ms. Noemi Ernser MD","address":"01522 Brakus Brooks\nLake Kariville, OH 26193"},{"id":22,"name":"Mr. Hipolito Kreiger","address":"264 Bradtke Flats Apt. 238\nLake Colton, AZ 27335-4520"},{"id":23,"name":"Lester Little II","address":"634 Torphy Vista Apt. 209\nAnikaborough, FM 72133"},{"id":24,"name":"Khalil Cartwright","address":"97743 Ritchie Estates Suite 269\nPacochaside, VI 58454"},{"id":25,"name":"Rhiannon Hilpert","address":"12711 Jast Mission Apt. 552\nHalvorsonport, CO 63911-6993"},{"id":26,"name":"Salvatore Windler","address":"175 Elnora Crescent Apt. 218\nDelilahfort, WY 39740-7196"},{"id":27,"name":"Keanu Ernser","address":"1660 Llewellyn Manors\nNew Carolyn, MH 57551-1665"},{"id":28,"name":"Stephan Grady","address":"59054 Chaz Oval Apt. 062\nSouth Eldachester, SC 82692"},{"id":29,"name":"Emmy Turcotte","address":"597 Derek Mission Apt. 948\nLake Kaylihaven, MO 08821"},{"id":30,"name":"Watson Cronin I","address":"7323 Schmitt Mall Apt. 991\nPort Libbie, ND 08985"},{"id":31,"name":"Amiya Stark","address":"27777 Bruen Crossroad Apt. 709\nConroyville, NC 09344"},{"id":32,"name":"Mekhi Wunsch","address":"2298 Moshe Loop Suite 765\nEast Roosevelt, MO 97426-9701"},{"id":33,"name":"Nettie Ward","address":"790 Raoul Fields\nMalloryhaven, NJ 84610-1427"},{"id":34,"name":"Hilma Mertz","address":"0640 Eloise Port\nFermintown, MD 65364-2505"},{"id":35,"name":"Mr. Evie Kassulke Jr.","address":"0087 Andrew Lock Apt. 503\nDeshawntown, VT 86862-9721"},{"id":36,"name":"Litzy Koch","address":"811 Mosciski Rapid\nNew Marietta, VT 92078"},{"id":37,"name":"Ocie Littel","address":"740 Magdalena Camp Suite 369\nArmstrongshire, SD 76246"},{"id":38,"name":"Billy Langosh","address":"8207 Reynold Inlet Apt. 402\nWest Cristina, TX 52378"},{"id":39,"name":"Miss Kolby Krajcik","address":"06873 Clarabelle Oval\nNew Miracletown, OR 96947-2216"},{"id":40,"name":"Brennan Wolf","address":"85114 Valentin Bridge\nJordanfurt, ID 43773-7961"},{"id":41,"name":"Dr. Darrin Krajcik III","address":"762 Kuvalis Drive Apt. 977\nPort Larissa, WV 16524-3868"},{"id":42,"name":"Dr. Sean McCullough","address":"6697 Marks Pass\nNorth Alexzander, NH 65878-1152"},{"id":43,"name":"Harold Rath","address":"06499 Catharine Squares Suite 823\nMohammedburgh, AZ 56747"},{"id":44,"name":"Miss Herbert Thiel","address":"30904 Schaden Road Apt. 825\nBergstromshire, FL 65165-3611"},{"id":45,"name":"Zoey Kertzmann","address":"416 Lia Divide Apt. 677\nParisianfort, IA 82666"},{"id":46,"name":"Judge Bailey","address":"263 Stiedemann Shoals\nBlancaside, OH 69150-5172"},{"id":47,"name":"Miss Theodore Sporer","address":"9921 Lynch Forge\nLake Luramouth, NJ 07679-7707"},{"id":48,"name":"Valerie Macejkovic","address":"48822 Clemens Crossing\nHeathcotetown, VI 61556"},{"id":49,"name":"Savanah Gleason","address":"80499 Frami Street Suite 846\nLake Shane, OH 30357"},{"id":50,"name":"Evan White Sr.","address":"99192 Cory Skyway\nWest Daphneyton, GU 28770-6211"},{"id":51,"name":"Mrs. Orval Crist","address":"55420 Mathew Ferry Apt. 567\nDereckland, CO 69609-9284"},{"id":52,"name":"Naomie Walker","address":"0282 Tromp Ridge\nWest Kim, OH 65782-9698"},{"id":53,"name":"Miss Aubree Wiegand","address":"6228 Kuhlman Village\nWest Emerson, MT 77135-4833"},{"id":54,"name":"Lester Reichert","address":"934 Bulah Ford\nArvillaport, PR 71606-5461"},{"id":55,"name":"Mr. Conrad Abernathy DVM","address":"235 Wiegand Creek Apt. 009\nDonnellyhaven, MO 70649"},{"id":56,"name":"Garfield Bins","address":"2394 Sabrina Lake\nYasminville, TN 89051"},{"id":57,"name":"Otilia Goyette","address":"9218 Powlowski Ford\nLake Carolynechester, AZ 33602-5551"},{"id":58,"name":"Adrienne Hoppe","address":"22957 O'Kon Center Apt. 484\nClementinefurt, NJ 25587"},{"id":59,"name":"Sarah Legros","address":"11554 Kelly Extension\nLavernetown, MA 38206-0678"},{"id":60,"name":"Erna Crooks","address":"679 Emard Landing Suite 810\nAnselville, KS 02665-1629"},{"id":61,"name":"Euna Labadie","address":"801 Treutel Run Apt. 354\nJaketon, FM 45245-9247"},{"id":62,"name":"Jon Goldner III","address":"17839 Shana Fork Apt. 850\nLake Justonmouth, AR 90716-0403"},{"id":63,"name":"Niko Hilpert","address":"33616 Rodriguez Place Apt. 786\nOkunevamouth, AR 78889"},{"id":64,"name":"Randi Jenkins","address":"632 Paucek Circles\nLake Nicholeborough, MH 73696"},{"id":65,"name":"Lucie Jaskolski","address":"51214 Virgie Cliffs\nHoegerport, AS 11714"},{"id":66,"name":"George Howe","address":"739 Jedediah Motorway\nLindgrenhaven, WI 94261"},{"id":67,"name":"Floyd Steuber","address":"138 Ally Locks\nAllanborough, AS 13887-8545"},{"id":68,"name":"Liam Altenwerth PhD","address":"75548 Simonis Island Suite 551\nBrownmouth, AA 12503"},{"id":69,"name":"Mireya Zboncak","address":"06898 Dach Bridge\nNew Madyson, MD 57114-0145"},{"id":70,"name":"Ephraim Ondricka PhD","address":"7699 Lucas Stravenue\nSouth Montanashire, NH 67432"},{"id":71,"name":"Herta Welch","address":"4223 Nikolaus Manor Apt. 586\nOsinskishire, MH 42503-3311"},{"id":72,"name":"Dr. Kariane Bauch","address":"3728 Rodger Road Suite 581\nGeorgettehaven, ND 78217"},{"id":73,"name":"Kip Franecki I","address":"069 Cremin Dale Apt. 482\nNew Theresa, PA 57783"},{"id":74,"name":"Antwan Oberbrunner","address":"364 Imelda Ridges Apt. 076\nHermistonborough, IL 21867"},{"id":75,"name":"Therese Prohaska","address":"465 Jaquan Summit\nHomenickview, IA 84652-6678"},{"id":76,"name":"Kirsten Monahan","address":"670 Mandy Meadow\nNew Shirley, MI 50950"},{"id":77,"name":"Zelma Mueller","address":"522 Jeremy Overpass\nEast Eladiofort, RI 17429-7457"},{"id":78,"name":"Corbin Klein","address":"4321 Bradtke Center Suite 471\nKacieville, RI 69465-8089"},{"id":79,"name":"Amir McLaughlin","address":"2324 Schinner Causeway Suite 169\nWest Favian, WY 22557-0562"},{"id":80,"name":"Jamarcus Kuvalis","address":"468 Crona Mills\nSchusterborough, AE 36000"},{"id":81,"name":"Lorna Borer","address":"267 Bechtelar Trafficway Apt. 654\nEriktown, AK 03032-8254"},{"id":82,"name":"Herman Hermann II","address":"3947 Matteo Gardens Apt. 087\nLake Danaside, NY 00145"},{"id":83,"name":"Mrs. Kyleigh Prohaska MD","address":"472 Stamm Stream\nNorth Rory, TN 78686-7453"},{"id":84,"name":"Sean Turcotte","address":"44864 Ziemann Course Apt. 435\nMcLaughlinborough, WY 77356"},{"id":85,"name":"Marilou Waelchi","address":"656 Buckridge Vista\nWest Marjorie, HI 85546-5534"},{"id":86,"name":"Dr. Dora Feeney IV","address":"9891 Elisabeth Trail Suite 245\nNorth Fosterfort, NC 48947"},{"id":87,"name":"Maureen Kutch Jr.","address":"77627 Larkin Course Suite 714\nKobeland, NH 40825-9586"},{"id":88,"name":"Erik Champlin","address":"261 Connie Loop Suite 162\nWest Maybell, AA 60566-8075"},{"id":89,"name":"Deondre Koss","address":"969 Buddy Ford Apt. 031\nPort Diegoport, KS 30227-0453"},{"id":90,"name":"Mr. Christopher White","address":"35053 Greenholt Land\nEdythechester, AP 15307-6529"},{"id":91,"name":"Jamir Quigley","address":"25107 Smitham Creek Suite 712\nNorth Rahulhaven, OH 74745"},{"id":92,"name":"Ms. Bette Hartmann","address":"652 Murphy Loop\nConcepcionmouth, PA 02132"},{"id":93,"name":"Brendon Block V","address":"9860 Windler Lane\nShanieview, VI 79753-2409"},{"id":94,"name":"Miss Jess Kling","address":"333 Lincoln Flats\nIsaiasstad, ND 28346-3251"},{"id":95,"name":"Maxie Gleason","address":"218 Schuster Meadow\nPort Keatonchester, AL 88656"},{"id":96,"name":"Sheridan Carroll IV","address":"51659 Miller Island Suite 899\nDickichester, PW 54694"},{"id":97,"name":"Dr. Adalberto Mraz MD","address":"15060 Syble Forest Apt. 927\nNorth Daphneburgh, GU 24812-8021"},{"id":98,"name":"Sigmund Effertz","address":"197 Runolfsdottir Plain\nGroverport, VI 53448"},{"id":99,"name":"Ms. Magali Treutel","address":"41345 Reilly Plaza Apt. 978\nSouth Wendellstad, GU 84864-5926"}] 77 |
78 | 79 | 80 |
Page <[pager.currentPage]> of <[pager.foundPages]>. Total items: <[pager.found]>
81 | 82 | 83 | 84 | 85 | 86 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 100 | 101 | 102 | 103 | 104 | 105 | 106 |
IdNameAddress
<[item.id]><[item.name]><[item.address]>
107 | 108 | 109 |
110 | First page | 111 | ←prev | 112 | next → | 113 | Last page 114 |
115 | 116 |
117 | 118 |
119 | 120 |
121 |
122 |
123 | 124 | 132 | 133 | 134 | -------------------------------------------------------------------------------- /examples/example07.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Solo Table: example 07 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 44 | 45 | 46 | 47 | 48 |
49 |
50 |
51 | 52 |

Example #7

53 | 54 |

55 | This example with pager and sortable columns. You can define a default sorting for a column using default-sort directive. 56 |

57 | 58 | 59 |
60 | 61 | 66 | 67 | 68 | 72 |
73 | [{"id":0,"name":"Arnoldo Rodriguez","address":"41709 Ruthe Squares\nNew Jensen, NC 27708-7727"},{"id":1,"name":"Mrs. Lolita Dare","address":"295 Luettgen Ports\nCristview, CA 87559-2576"},{"id":2,"name":"Xzavier Bernhard","address":"8019 Greenfelder Canyon\nWest Jailynville, NY 34198"},{"id":3,"name":"Dr. Cesar Bins IV","address":"62882 Altenwerth Glens\nWest Madelineborough, AL 39472"},{"id":4,"name":"Earlene Bashirian MD","address":"9062 West Glens\nHellerville, WV 62908"},{"id":5,"name":"Mrs. Deonte Schowalter Sr.","address":"7489 Johns Turnpike Apt. 888\nStellaville, KS 05548-3835"},{"id":6,"name":"Mrs. Gudrun Homenick III","address":"84378 Cheyenne Village Suite 360\nFraneckimouth, MT 42064-2302"},{"id":7,"name":"Jett Reinger Jr.","address":"111 Hessel Harbors\nKelliemouth, NY 15021-9741"},{"id":8,"name":"Flavie Considine","address":"134 Garth Branch Apt. 081\nEnricoport, UT 73395"},{"id":9,"name":"Samson Strosin I","address":"3549 Agustin Groves Apt. 585\nEast Davionberg, SC 61631"},{"id":10,"name":"Ibrahim Kovacek","address":"3612 Dameon Rapid\nMariaburgh, AL 75957"},{"id":11,"name":"Scottie Corwin","address":"56685 Chaya Divide\nNorth Efren, WA 54313-9459"},{"id":12,"name":"Mr. Bo Rohan","address":"367 Bart Burgs\nOmerview, CT 41188-6752"},{"id":13,"name":"Jonathon McDermott","address":"140 Langosh Prairie Suite 399\nWest Alicechester, FM 93748"},{"id":14,"name":"Walton Glover MD","address":"9530 Leland Drive\nPort Raoulside, AA 93586"},{"id":15,"name":"Eddie Keebler","address":"250 Dietrich Dale\nHirtheshire, PA 04190"},{"id":16,"name":"Arden Kuhn III","address":"64225 Jeremie Club Apt. 086\nNorth Percystad, SC 84598"},{"id":17,"name":"Simone Towne","address":"3824 Hintz Shores\nEast Davefurt, LA 77432"},{"id":18,"name":"Alexane Johnson","address":"2725 Bayer Parkway\nEast Bustershire, MS 73226"},{"id":19,"name":"Dr. Virginia Ernser","address":"427 Mitchell Flat Apt. 739\nKarleymouth, AP 50738"},{"id":20,"name":"Aylin Harris","address":"37552 Leuschke Village\nBruenville, MS 14407-2651"},{"id":21,"name":"Ms. Noemi Ernser MD","address":"01522 Brakus Brooks\nLake Kariville, OH 26193"},{"id":22,"name":"Mr. Hipolito Kreiger","address":"264 Bradtke Flats Apt. 238\nLake Colton, AZ 27335-4520"},{"id":23,"name":"Lester Little II","address":"634 Torphy Vista Apt. 209\nAnikaborough, FM 72133"},{"id":24,"name":"Khalil Cartwright","address":"97743 Ritchie Estates Suite 269\nPacochaside, VI 58454"},{"id":25,"name":"Rhiannon Hilpert","address":"12711 Jast Mission Apt. 552\nHalvorsonport, CO 63911-6993"},{"id":26,"name":"Salvatore Windler","address":"175 Elnora Crescent Apt. 218\nDelilahfort, WY 39740-7196"},{"id":27,"name":"Keanu Ernser","address":"1660 Llewellyn Manors\nNew Carolyn, MH 57551-1665"},{"id":28,"name":"Stephan Grady","address":"59054 Chaz Oval Apt. 062\nSouth Eldachester, SC 82692"},{"id":29,"name":"Emmy Turcotte","address":"597 Derek Mission Apt. 948\nLake Kaylihaven, MO 08821"},{"id":30,"name":"Watson Cronin I","address":"7323 Schmitt Mall Apt. 991\nPort Libbie, ND 08985"},{"id":31,"name":"Amiya Stark","address":"27777 Bruen Crossroad Apt. 709\nConroyville, NC 09344"},{"id":32,"name":"Mekhi Wunsch","address":"2298 Moshe Loop Suite 765\nEast Roosevelt, MO 97426-9701"},{"id":33,"name":"Nettie Ward","address":"790 Raoul Fields\nMalloryhaven, NJ 84610-1427"},{"id":34,"name":"Hilma Mertz","address":"0640 Eloise Port\nFermintown, MD 65364-2505"},{"id":35,"name":"Mr. Evie Kassulke Jr.","address":"0087 Andrew Lock Apt. 503\nDeshawntown, VT 86862-9721"},{"id":36,"name":"Litzy Koch","address":"811 Mosciski Rapid\nNew Marietta, VT 92078"},{"id":37,"name":"Ocie Littel","address":"740 Magdalena Camp Suite 369\nArmstrongshire, SD 76246"},{"id":38,"name":"Billy Langosh","address":"8207 Reynold Inlet Apt. 402\nWest Cristina, TX 52378"},{"id":39,"name":"Miss Kolby Krajcik","address":"06873 Clarabelle Oval\nNew Miracletown, OR 96947-2216"},{"id":40,"name":"Brennan Wolf","address":"85114 Valentin Bridge\nJordanfurt, ID 43773-7961"},{"id":41,"name":"Dr. Darrin Krajcik III","address":"762 Kuvalis Drive Apt. 977\nPort Larissa, WV 16524-3868"},{"id":42,"name":"Dr. Sean McCullough","address":"6697 Marks Pass\nNorth Alexzander, NH 65878-1152"},{"id":43,"name":"Harold Rath","address":"06499 Catharine Squares Suite 823\nMohammedburgh, AZ 56747"},{"id":44,"name":"Miss Herbert Thiel","address":"30904 Schaden Road Apt. 825\nBergstromshire, FL 65165-3611"},{"id":45,"name":"Zoey Kertzmann","address":"416 Lia Divide Apt. 677\nParisianfort, IA 82666"},{"id":46,"name":"Judge Bailey","address":"263 Stiedemann Shoals\nBlancaside, OH 69150-5172"},{"id":47,"name":"Miss Theodore Sporer","address":"9921 Lynch Forge\nLake Luramouth, NJ 07679-7707"},{"id":48,"name":"Valerie Macejkovic","address":"48822 Clemens Crossing\nHeathcotetown, VI 61556"},{"id":49,"name":"Savanah Gleason","address":"80499 Frami Street Suite 846\nLake Shane, OH 30357"},{"id":50,"name":"Evan White Sr.","address":"99192 Cory Skyway\nWest Daphneyton, GU 28770-6211"},{"id":51,"name":"Mrs. Orval Crist","address":"55420 Mathew Ferry Apt. 567\nDereckland, CO 69609-9284"},{"id":52,"name":"Naomie Walker","address":"0282 Tromp Ridge\nWest Kim, OH 65782-9698"},{"id":53,"name":"Miss Aubree Wiegand","address":"6228 Kuhlman Village\nWest Emerson, MT 77135-4833"},{"id":54,"name":"Lester Reichert","address":"934 Bulah Ford\nArvillaport, PR 71606-5461"},{"id":55,"name":"Mr. Conrad Abernathy DVM","address":"235 Wiegand Creek Apt. 009\nDonnellyhaven, MO 70649"},{"id":56,"name":"Garfield Bins","address":"2394 Sabrina Lake\nYasminville, TN 89051"},{"id":57,"name":"Otilia Goyette","address":"9218 Powlowski Ford\nLake Carolynechester, AZ 33602-5551"},{"id":58,"name":"Adrienne Hoppe","address":"22957 O'Kon Center Apt. 484\nClementinefurt, NJ 25587"},{"id":59,"name":"Sarah Legros","address":"11554 Kelly Extension\nLavernetown, MA 38206-0678"},{"id":60,"name":"Erna Crooks","address":"679 Emard Landing Suite 810\nAnselville, KS 02665-1629"},{"id":61,"name":"Euna Labadie","address":"801 Treutel Run Apt. 354\nJaketon, FM 45245-9247"},{"id":62,"name":"Jon Goldner III","address":"17839 Shana Fork Apt. 850\nLake Justonmouth, AR 90716-0403"},{"id":63,"name":"Niko Hilpert","address":"33616 Rodriguez Place Apt. 786\nOkunevamouth, AR 78889"},{"id":64,"name":"Randi Jenkins","address":"632 Paucek Circles\nLake Nicholeborough, MH 73696"},{"id":65,"name":"Lucie Jaskolski","address":"51214 Virgie Cliffs\nHoegerport, AS 11714"},{"id":66,"name":"George Howe","address":"739 Jedediah Motorway\nLindgrenhaven, WI 94261"},{"id":67,"name":"Floyd Steuber","address":"138 Ally Locks\nAllanborough, AS 13887-8545"},{"id":68,"name":"Liam Altenwerth PhD","address":"75548 Simonis Island Suite 551\nBrownmouth, AA 12503"},{"id":69,"name":"Mireya Zboncak","address":"06898 Dach Bridge\nNew Madyson, MD 57114-0145"},{"id":70,"name":"Ephraim Ondricka PhD","address":"7699 Lucas Stravenue\nSouth Montanashire, NH 67432"},{"id":71,"name":"Herta Welch","address":"4223 Nikolaus Manor Apt. 586\nOsinskishire, MH 42503-3311"},{"id":72,"name":"Dr. Kariane Bauch","address":"3728 Rodger Road Suite 581\nGeorgettehaven, ND 78217"},{"id":73,"name":"Kip Franecki I","address":"069 Cremin Dale Apt. 482\nNew Theresa, PA 57783"},{"id":74,"name":"Antwan Oberbrunner","address":"364 Imelda Ridges Apt. 076\nHermistonborough, IL 21867"},{"id":75,"name":"Therese Prohaska","address":"465 Jaquan Summit\nHomenickview, IA 84652-6678"},{"id":76,"name":"Kirsten Monahan","address":"670 Mandy Meadow\nNew Shirley, MI 50950"},{"id":77,"name":"Zelma Mueller","address":"522 Jeremy Overpass\nEast Eladiofort, RI 17429-7457"},{"id":78,"name":"Corbin Klein","address":"4321 Bradtke Center Suite 471\nKacieville, RI 69465-8089"},{"id":79,"name":"Amir McLaughlin","address":"2324 Schinner Causeway Suite 169\nWest Favian, WY 22557-0562"},{"id":80,"name":"Jamarcus Kuvalis","address":"468 Crona Mills\nSchusterborough, AE 36000"},{"id":81,"name":"Lorna Borer","address":"267 Bechtelar Trafficway Apt. 654\nEriktown, AK 03032-8254"},{"id":82,"name":"Herman Hermann II","address":"3947 Matteo Gardens Apt. 087\nLake Danaside, NY 00145"},{"id":83,"name":"Mrs. Kyleigh Prohaska MD","address":"472 Stamm Stream\nNorth Rory, TN 78686-7453"},{"id":84,"name":"Sean Turcotte","address":"44864 Ziemann Course Apt. 435\nMcLaughlinborough, WY 77356"},{"id":85,"name":"Marilou Waelchi","address":"656 Buckridge Vista\nWest Marjorie, HI 85546-5534"},{"id":86,"name":"Dr. Dora Feeney IV","address":"9891 Elisabeth Trail Suite 245\nNorth Fosterfort, NC 48947"},{"id":87,"name":"Maureen Kutch Jr.","address":"77627 Larkin Course Suite 714\nKobeland, NH 40825-9586"},{"id":88,"name":"Erik Champlin","address":"261 Connie Loop Suite 162\nWest Maybell, AA 60566-8075"},{"id":89,"name":"Deondre Koss","address":"969 Buddy Ford Apt. 031\nPort Diegoport, KS 30227-0453"},{"id":90,"name":"Mr. Christopher White","address":"35053 Greenholt Land\nEdythechester, AP 15307-6529"},{"id":91,"name":"Jamir Quigley","address":"25107 Smitham Creek Suite 712\nNorth Rahulhaven, OH 74745"},{"id":92,"name":"Ms. Bette Hartmann","address":"652 Murphy Loop\nConcepcionmouth, PA 02132"},{"id":93,"name":"Brendon Block V","address":"9860 Windler Lane\nShanieview, VI 79753-2409"},{"id":94,"name":"Miss Jess Kling","address":"333 Lincoln Flats\nIsaiasstad, ND 28346-3251"},{"id":95,"name":"Maxie Gleason","address":"218 Schuster Meadow\nPort Keatonchester, AL 88656"},{"id":96,"name":"Sheridan Carroll IV","address":"51659 Miller Island Suite 899\nDickichester, PW 54694"},{"id":97,"name":"Dr. Adalberto Mraz MD","address":"15060 Syble Forest Apt. 927\nNorth Daphneburgh, GU 24812-8021"},{"id":98,"name":"Sigmund Effertz","address":"197 Runolfsdottir Plain\nGroverport, VI 53448"},{"id":99,"name":"Ms. Magali Treutel","address":"41345 Reilly Plaza Apt. 978\nSouth Wendellstad, GU 84864-5926"}] 74 |
75 | 76 | 77 |
Page <[pager.currentPage]> of <[pager.foundPages]>. Total items: <[pager.found]>
78 | 79 | 80 | 81 | 82 | 83 | 85 | 86 | 87 | 91 | 92 | 93 | 94 | 95 | 96 | 102 | 103 | 104 | 105 | 106 | 107 | 108 |
IdNameAddress
<[item.id]><[item.name]><[item.address]>
109 | 110 | 111 |
112 | First page | 113 | ←prev | 114 | next → | 115 | Last page 116 |
117 | 118 |
119 | 120 |
121 | 122 |
123 |
124 |
125 | 126 | 134 | 135 | 136 | -------------------------------------------------------------------------------- /examples/example08.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Solo Table: example 08 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 44 | 45 | 46 | 47 | 48 |
49 |
50 |
51 | 52 |

Example #8

53 | 54 |

55 | This example with pager and sortable columns. You can sort data by Id and Name columns.
56 | In this example you can see the 2nd mode of sorting in action. 57 | There are 3 state: DEFAULT, ASC and DESC. 58 |

59 | 60 | 61 |
62 | 63 | 70 | 71 | 72 | 76 |
77 | [{"id":0,"name":"Arnoldo Rodriguez","address":"41709 Ruthe Squares\nNew Jensen, NC 27708-7727"},{"id":1,"name":"Mrs. Lolita Dare","address":"295 Luettgen Ports\nCristview, CA 87559-2576"},{"id":2,"name":"Xzavier Bernhard","address":"8019 Greenfelder Canyon\nWest Jailynville, NY 34198"},{"id":3,"name":"Dr. Cesar Bins IV","address":"62882 Altenwerth Glens\nWest Madelineborough, AL 39472"},{"id":4,"name":"Earlene Bashirian MD","address":"9062 West Glens\nHellerville, WV 62908"},{"id":5,"name":"Mrs. Deonte Schowalter Sr.","address":"7489 Johns Turnpike Apt. 888\nStellaville, KS 05548-3835"},{"id":6,"name":"Mrs. Gudrun Homenick III","address":"84378 Cheyenne Village Suite 360\nFraneckimouth, MT 42064-2302"},{"id":7,"name":"Jett Reinger Jr.","address":"111 Hessel Harbors\nKelliemouth, NY 15021-9741"},{"id":8,"name":"Flavie Considine","address":"134 Garth Branch Apt. 081\nEnricoport, UT 73395"},{"id":9,"name":"Samson Strosin I","address":"3549 Agustin Groves Apt. 585\nEast Davionberg, SC 61631"},{"id":10,"name":"Ibrahim Kovacek","address":"3612 Dameon Rapid\nMariaburgh, AL 75957"},{"id":11,"name":"Scottie Corwin","address":"56685 Chaya Divide\nNorth Efren, WA 54313-9459"},{"id":12,"name":"Mr. Bo Rohan","address":"367 Bart Burgs\nOmerview, CT 41188-6752"},{"id":13,"name":"Jonathon McDermott","address":"140 Langosh Prairie Suite 399\nWest Alicechester, FM 93748"},{"id":14,"name":"Walton Glover MD","address":"9530 Leland Drive\nPort Raoulside, AA 93586"},{"id":15,"name":"Eddie Keebler","address":"250 Dietrich Dale\nHirtheshire, PA 04190"},{"id":16,"name":"Arden Kuhn III","address":"64225 Jeremie Club Apt. 086\nNorth Percystad, SC 84598"},{"id":17,"name":"Simone Towne","address":"3824 Hintz Shores\nEast Davefurt, LA 77432"},{"id":18,"name":"Alexane Johnson","address":"2725 Bayer Parkway\nEast Bustershire, MS 73226"},{"id":19,"name":"Dr. Virginia Ernser","address":"427 Mitchell Flat Apt. 739\nKarleymouth, AP 50738"},{"id":20,"name":"Aylin Harris","address":"37552 Leuschke Village\nBruenville, MS 14407-2651"},{"id":21,"name":"Ms. Noemi Ernser MD","address":"01522 Brakus Brooks\nLake Kariville, OH 26193"},{"id":22,"name":"Mr. Hipolito Kreiger","address":"264 Bradtke Flats Apt. 238\nLake Colton, AZ 27335-4520"},{"id":23,"name":"Lester Little II","address":"634 Torphy Vista Apt. 209\nAnikaborough, FM 72133"},{"id":24,"name":"Khalil Cartwright","address":"97743 Ritchie Estates Suite 269\nPacochaside, VI 58454"},{"id":25,"name":"Rhiannon Hilpert","address":"12711 Jast Mission Apt. 552\nHalvorsonport, CO 63911-6993"},{"id":26,"name":"Salvatore Windler","address":"175 Elnora Crescent Apt. 218\nDelilahfort, WY 39740-7196"},{"id":27,"name":"Keanu Ernser","address":"1660 Llewellyn Manors\nNew Carolyn, MH 57551-1665"},{"id":28,"name":"Stephan Grady","address":"59054 Chaz Oval Apt. 062\nSouth Eldachester, SC 82692"},{"id":29,"name":"Emmy Turcotte","address":"597 Derek Mission Apt. 948\nLake Kaylihaven, MO 08821"},{"id":30,"name":"Watson Cronin I","address":"7323 Schmitt Mall Apt. 991\nPort Libbie, ND 08985"},{"id":31,"name":"Amiya Stark","address":"27777 Bruen Crossroad Apt. 709\nConroyville, NC 09344"},{"id":32,"name":"Mekhi Wunsch","address":"2298 Moshe Loop Suite 765\nEast Roosevelt, MO 97426-9701"},{"id":33,"name":"Nettie Ward","address":"790 Raoul Fields\nMalloryhaven, NJ 84610-1427"},{"id":34,"name":"Hilma Mertz","address":"0640 Eloise Port\nFermintown, MD 65364-2505"},{"id":35,"name":"Mr. Evie Kassulke Jr.","address":"0087 Andrew Lock Apt. 503\nDeshawntown, VT 86862-9721"},{"id":36,"name":"Litzy Koch","address":"811 Mosciski Rapid\nNew Marietta, VT 92078"},{"id":37,"name":"Ocie Littel","address":"740 Magdalena Camp Suite 369\nArmstrongshire, SD 76246"},{"id":38,"name":"Billy Langosh","address":"8207 Reynold Inlet Apt. 402\nWest Cristina, TX 52378"},{"id":39,"name":"Miss Kolby Krajcik","address":"06873 Clarabelle Oval\nNew Miracletown, OR 96947-2216"},{"id":40,"name":"Brennan Wolf","address":"85114 Valentin Bridge\nJordanfurt, ID 43773-7961"},{"id":41,"name":"Dr. Darrin Krajcik III","address":"762 Kuvalis Drive Apt. 977\nPort Larissa, WV 16524-3868"},{"id":42,"name":"Dr. Sean McCullough","address":"6697 Marks Pass\nNorth Alexzander, NH 65878-1152"},{"id":43,"name":"Harold Rath","address":"06499 Catharine Squares Suite 823\nMohammedburgh, AZ 56747"},{"id":44,"name":"Miss Herbert Thiel","address":"30904 Schaden Road Apt. 825\nBergstromshire, FL 65165-3611"},{"id":45,"name":"Zoey Kertzmann","address":"416 Lia Divide Apt. 677\nParisianfort, IA 82666"},{"id":46,"name":"Judge Bailey","address":"263 Stiedemann Shoals\nBlancaside, OH 69150-5172"},{"id":47,"name":"Miss Theodore Sporer","address":"9921 Lynch Forge\nLake Luramouth, NJ 07679-7707"},{"id":48,"name":"Valerie Macejkovic","address":"48822 Clemens Crossing\nHeathcotetown, VI 61556"},{"id":49,"name":"Savanah Gleason","address":"80499 Frami Street Suite 846\nLake Shane, OH 30357"},{"id":50,"name":"Evan White Sr.","address":"99192 Cory Skyway\nWest Daphneyton, GU 28770-6211"},{"id":51,"name":"Mrs. Orval Crist","address":"55420 Mathew Ferry Apt. 567\nDereckland, CO 69609-9284"},{"id":52,"name":"Naomie Walker","address":"0282 Tromp Ridge\nWest Kim, OH 65782-9698"},{"id":53,"name":"Miss Aubree Wiegand","address":"6228 Kuhlman Village\nWest Emerson, MT 77135-4833"},{"id":54,"name":"Lester Reichert","address":"934 Bulah Ford\nArvillaport, PR 71606-5461"},{"id":55,"name":"Mr. Conrad Abernathy DVM","address":"235 Wiegand Creek Apt. 009\nDonnellyhaven, MO 70649"},{"id":56,"name":"Garfield Bins","address":"2394 Sabrina Lake\nYasminville, TN 89051"},{"id":57,"name":"Otilia Goyette","address":"9218 Powlowski Ford\nLake Carolynechester, AZ 33602-5551"},{"id":58,"name":"Adrienne Hoppe","address":"22957 O'Kon Center Apt. 484\nClementinefurt, NJ 25587"},{"id":59,"name":"Sarah Legros","address":"11554 Kelly Extension\nLavernetown, MA 38206-0678"},{"id":60,"name":"Erna Crooks","address":"679 Emard Landing Suite 810\nAnselville, KS 02665-1629"},{"id":61,"name":"Euna Labadie","address":"801 Treutel Run Apt. 354\nJaketon, FM 45245-9247"},{"id":62,"name":"Jon Goldner III","address":"17839 Shana Fork Apt. 850\nLake Justonmouth, AR 90716-0403"},{"id":63,"name":"Niko Hilpert","address":"33616 Rodriguez Place Apt. 786\nOkunevamouth, AR 78889"},{"id":64,"name":"Randi Jenkins","address":"632 Paucek Circles\nLake Nicholeborough, MH 73696"},{"id":65,"name":"Lucie Jaskolski","address":"51214 Virgie Cliffs\nHoegerport, AS 11714"},{"id":66,"name":"George Howe","address":"739 Jedediah Motorway\nLindgrenhaven, WI 94261"},{"id":67,"name":"Floyd Steuber","address":"138 Ally Locks\nAllanborough, AS 13887-8545"},{"id":68,"name":"Liam Altenwerth PhD","address":"75548 Simonis Island Suite 551\nBrownmouth, AA 12503"},{"id":69,"name":"Mireya Zboncak","address":"06898 Dach Bridge\nNew Madyson, MD 57114-0145"},{"id":70,"name":"Ephraim Ondricka PhD","address":"7699 Lucas Stravenue\nSouth Montanashire, NH 67432"},{"id":71,"name":"Herta Welch","address":"4223 Nikolaus Manor Apt. 586\nOsinskishire, MH 42503-3311"},{"id":72,"name":"Dr. Kariane Bauch","address":"3728 Rodger Road Suite 581\nGeorgettehaven, ND 78217"},{"id":73,"name":"Kip Franecki I","address":"069 Cremin Dale Apt. 482\nNew Theresa, PA 57783"},{"id":74,"name":"Antwan Oberbrunner","address":"364 Imelda Ridges Apt. 076\nHermistonborough, IL 21867"},{"id":75,"name":"Therese Prohaska","address":"465 Jaquan Summit\nHomenickview, IA 84652-6678"},{"id":76,"name":"Kirsten Monahan","address":"670 Mandy Meadow\nNew Shirley, MI 50950"},{"id":77,"name":"Zelma Mueller","address":"522 Jeremy Overpass\nEast Eladiofort, RI 17429-7457"},{"id":78,"name":"Corbin Klein","address":"4321 Bradtke Center Suite 471\nKacieville, RI 69465-8089"},{"id":79,"name":"Amir McLaughlin","address":"2324 Schinner Causeway Suite 169\nWest Favian, WY 22557-0562"},{"id":80,"name":"Jamarcus Kuvalis","address":"468 Crona Mills\nSchusterborough, AE 36000"},{"id":81,"name":"Lorna Borer","address":"267 Bechtelar Trafficway Apt. 654\nEriktown, AK 03032-8254"},{"id":82,"name":"Herman Hermann II","address":"3947 Matteo Gardens Apt. 087\nLake Danaside, NY 00145"},{"id":83,"name":"Mrs. Kyleigh Prohaska MD","address":"472 Stamm Stream\nNorth Rory, TN 78686-7453"},{"id":84,"name":"Sean Turcotte","address":"44864 Ziemann Course Apt. 435\nMcLaughlinborough, WY 77356"},{"id":85,"name":"Marilou Waelchi","address":"656 Buckridge Vista\nWest Marjorie, HI 85546-5534"},{"id":86,"name":"Dr. Dora Feeney IV","address":"9891 Elisabeth Trail Suite 245\nNorth Fosterfort, NC 48947"},{"id":87,"name":"Maureen Kutch Jr.","address":"77627 Larkin Course Suite 714\nKobeland, NH 40825-9586"},{"id":88,"name":"Erik Champlin","address":"261 Connie Loop Suite 162\nWest Maybell, AA 60566-8075"},{"id":89,"name":"Deondre Koss","address":"969 Buddy Ford Apt. 031\nPort Diegoport, KS 30227-0453"},{"id":90,"name":"Mr. Christopher White","address":"35053 Greenholt Land\nEdythechester, AP 15307-6529"},{"id":91,"name":"Jamir Quigley","address":"25107 Smitham Creek Suite 712\nNorth Rahulhaven, OH 74745"},{"id":92,"name":"Ms. Bette Hartmann","address":"652 Murphy Loop\nConcepcionmouth, PA 02132"},{"id":93,"name":"Brendon Block V","address":"9860 Windler Lane\nShanieview, VI 79753-2409"},{"id":94,"name":"Miss Jess Kling","address":"333 Lincoln Flats\nIsaiasstad, ND 28346-3251"},{"id":95,"name":"Maxie Gleason","address":"218 Schuster Meadow\nPort Keatonchester, AL 88656"},{"id":96,"name":"Sheridan Carroll IV","address":"51659 Miller Island Suite 899\nDickichester, PW 54694"},{"id":97,"name":"Dr. Adalberto Mraz MD","address":"15060 Syble Forest Apt. 927\nNorth Daphneburgh, GU 24812-8021"},{"id":98,"name":"Sigmund Effertz","address":"197 Runolfsdottir Plain\nGroverport, VI 53448"},{"id":99,"name":"Ms. Magali Treutel","address":"41345 Reilly Plaza Apt. 978\nSouth Wendellstad, GU 84864-5926"}] 78 |
79 | 80 | 81 |
Page <[pager.currentPage]> of <[pager.foundPages]>. Total items: <[pager.found]>
82 | 83 | 84 | 85 | 86 | 87 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 101 | 102 | 103 | 104 | 105 | 106 | 107 |
IdNameAddress
<[item.id]><[item.name]><[item.address]>
108 | 109 | 110 |
111 | First page | 112 | ←prev | 113 | next → | 114 | Last page 115 |
116 | 117 |
118 | 119 |
120 | 121 |
122 |
123 |
124 | 125 | 133 | 134 | 135 | -------------------------------------------------------------------------------- /examples/example09.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Solo Table: example 09 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 44 | 45 | 46 | 47 | 48 |
49 |
50 |
51 | 52 |

Example #9

53 | 54 |

55 | In this example you can change size of page dynamically. 56 |

57 | 58 | 59 |
60 | 61 | 69 | 70 | 71 | 75 |
76 | [{"id":0,"name":"Arnoldo Rodriguez","address":"41709 Ruthe Squares\nNew Jensen, NC 27708-7727"},{"id":1,"name":"Mrs. Lolita Dare","address":"295 Luettgen Ports\nCristview, CA 87559-2576"},{"id":2,"name":"Xzavier Bernhard","address":"8019 Greenfelder Canyon\nWest Jailynville, NY 34198"},{"id":3,"name":"Dr. Cesar Bins IV","address":"62882 Altenwerth Glens\nWest Madelineborough, AL 39472"},{"id":4,"name":"Earlene Bashirian MD","address":"9062 West Glens\nHellerville, WV 62908"},{"id":5,"name":"Mrs. Deonte Schowalter Sr.","address":"7489 Johns Turnpike Apt. 888\nStellaville, KS 05548-3835"},{"id":6,"name":"Mrs. Gudrun Homenick III","address":"84378 Cheyenne Village Suite 360\nFraneckimouth, MT 42064-2302"},{"id":7,"name":"Jett Reinger Jr.","address":"111 Hessel Harbors\nKelliemouth, NY 15021-9741"},{"id":8,"name":"Flavie Considine","address":"134 Garth Branch Apt. 081\nEnricoport, UT 73395"},{"id":9,"name":"Samson Strosin I","address":"3549 Agustin Groves Apt. 585\nEast Davionberg, SC 61631"},{"id":10,"name":"Ibrahim Kovacek","address":"3612 Dameon Rapid\nMariaburgh, AL 75957"},{"id":11,"name":"Scottie Corwin","address":"56685 Chaya Divide\nNorth Efren, WA 54313-9459"},{"id":12,"name":"Mr. Bo Rohan","address":"367 Bart Burgs\nOmerview, CT 41188-6752"},{"id":13,"name":"Jonathon McDermott","address":"140 Langosh Prairie Suite 399\nWest Alicechester, FM 93748"},{"id":14,"name":"Walton Glover MD","address":"9530 Leland Drive\nPort Raoulside, AA 93586"},{"id":15,"name":"Eddie Keebler","address":"250 Dietrich Dale\nHirtheshire, PA 04190"},{"id":16,"name":"Arden Kuhn III","address":"64225 Jeremie Club Apt. 086\nNorth Percystad, SC 84598"},{"id":17,"name":"Simone Towne","address":"3824 Hintz Shores\nEast Davefurt, LA 77432"},{"id":18,"name":"Alexane Johnson","address":"2725 Bayer Parkway\nEast Bustershire, MS 73226"},{"id":19,"name":"Dr. Virginia Ernser","address":"427 Mitchell Flat Apt. 739\nKarleymouth, AP 50738"},{"id":20,"name":"Aylin Harris","address":"37552 Leuschke Village\nBruenville, MS 14407-2651"},{"id":21,"name":"Ms. Noemi Ernser MD","address":"01522 Brakus Brooks\nLake Kariville, OH 26193"},{"id":22,"name":"Mr. Hipolito Kreiger","address":"264 Bradtke Flats Apt. 238\nLake Colton, AZ 27335-4520"},{"id":23,"name":"Lester Little II","address":"634 Torphy Vista Apt. 209\nAnikaborough, FM 72133"},{"id":24,"name":"Khalil Cartwright","address":"97743 Ritchie Estates Suite 269\nPacochaside, VI 58454"},{"id":25,"name":"Rhiannon Hilpert","address":"12711 Jast Mission Apt. 552\nHalvorsonport, CO 63911-6993"},{"id":26,"name":"Salvatore Windler","address":"175 Elnora Crescent Apt. 218\nDelilahfort, WY 39740-7196"},{"id":27,"name":"Keanu Ernser","address":"1660 Llewellyn Manors\nNew Carolyn, MH 57551-1665"},{"id":28,"name":"Stephan Grady","address":"59054 Chaz Oval Apt. 062\nSouth Eldachester, SC 82692"},{"id":29,"name":"Emmy Turcotte","address":"597 Derek Mission Apt. 948\nLake Kaylihaven, MO 08821"},{"id":30,"name":"Watson Cronin I","address":"7323 Schmitt Mall Apt. 991\nPort Libbie, ND 08985"},{"id":31,"name":"Amiya Stark","address":"27777 Bruen Crossroad Apt. 709\nConroyville, NC 09344"},{"id":32,"name":"Mekhi Wunsch","address":"2298 Moshe Loop Suite 765\nEast Roosevelt, MO 97426-9701"},{"id":33,"name":"Nettie Ward","address":"790 Raoul Fields\nMalloryhaven, NJ 84610-1427"},{"id":34,"name":"Hilma Mertz","address":"0640 Eloise Port\nFermintown, MD 65364-2505"},{"id":35,"name":"Mr. Evie Kassulke Jr.","address":"0087 Andrew Lock Apt. 503\nDeshawntown, VT 86862-9721"},{"id":36,"name":"Litzy Koch","address":"811 Mosciski Rapid\nNew Marietta, VT 92078"},{"id":37,"name":"Ocie Littel","address":"740 Magdalena Camp Suite 369\nArmstrongshire, SD 76246"},{"id":38,"name":"Billy Langosh","address":"8207 Reynold Inlet Apt. 402\nWest Cristina, TX 52378"},{"id":39,"name":"Miss Kolby Krajcik","address":"06873 Clarabelle Oval\nNew Miracletown, OR 96947-2216"},{"id":40,"name":"Brennan Wolf","address":"85114 Valentin Bridge\nJordanfurt, ID 43773-7961"},{"id":41,"name":"Dr. Darrin Krajcik III","address":"762 Kuvalis Drive Apt. 977\nPort Larissa, WV 16524-3868"},{"id":42,"name":"Dr. Sean McCullough","address":"6697 Marks Pass\nNorth Alexzander, NH 65878-1152"},{"id":43,"name":"Harold Rath","address":"06499 Catharine Squares Suite 823\nMohammedburgh, AZ 56747"},{"id":44,"name":"Miss Herbert Thiel","address":"30904 Schaden Road Apt. 825\nBergstromshire, FL 65165-3611"},{"id":45,"name":"Zoey Kertzmann","address":"416 Lia Divide Apt. 677\nParisianfort, IA 82666"},{"id":46,"name":"Judge Bailey","address":"263 Stiedemann Shoals\nBlancaside, OH 69150-5172"},{"id":47,"name":"Miss Theodore Sporer","address":"9921 Lynch Forge\nLake Luramouth, NJ 07679-7707"},{"id":48,"name":"Valerie Macejkovic","address":"48822 Clemens Crossing\nHeathcotetown, VI 61556"},{"id":49,"name":"Savanah Gleason","address":"80499 Frami Street Suite 846\nLake Shane, OH 30357"},{"id":50,"name":"Evan White Sr.","address":"99192 Cory Skyway\nWest Daphneyton, GU 28770-6211"},{"id":51,"name":"Mrs. Orval Crist","address":"55420 Mathew Ferry Apt. 567\nDereckland, CO 69609-9284"},{"id":52,"name":"Naomie Walker","address":"0282 Tromp Ridge\nWest Kim, OH 65782-9698"},{"id":53,"name":"Miss Aubree Wiegand","address":"6228 Kuhlman Village\nWest Emerson, MT 77135-4833"},{"id":54,"name":"Lester Reichert","address":"934 Bulah Ford\nArvillaport, PR 71606-5461"},{"id":55,"name":"Mr. Conrad Abernathy DVM","address":"235 Wiegand Creek Apt. 009\nDonnellyhaven, MO 70649"},{"id":56,"name":"Garfield Bins","address":"2394 Sabrina Lake\nYasminville, TN 89051"},{"id":57,"name":"Otilia Goyette","address":"9218 Powlowski Ford\nLake Carolynechester, AZ 33602-5551"},{"id":58,"name":"Adrienne Hoppe","address":"22957 O'Kon Center Apt. 484\nClementinefurt, NJ 25587"},{"id":59,"name":"Sarah Legros","address":"11554 Kelly Extension\nLavernetown, MA 38206-0678"},{"id":60,"name":"Erna Crooks","address":"679 Emard Landing Suite 810\nAnselville, KS 02665-1629"},{"id":61,"name":"Euna Labadie","address":"801 Treutel Run Apt. 354\nJaketon, FM 45245-9247"},{"id":62,"name":"Jon Goldner III","address":"17839 Shana Fork Apt. 850\nLake Justonmouth, AR 90716-0403"},{"id":63,"name":"Niko Hilpert","address":"33616 Rodriguez Place Apt. 786\nOkunevamouth, AR 78889"},{"id":64,"name":"Randi Jenkins","address":"632 Paucek Circles\nLake Nicholeborough, MH 73696"},{"id":65,"name":"Lucie Jaskolski","address":"51214 Virgie Cliffs\nHoegerport, AS 11714"},{"id":66,"name":"George Howe","address":"739 Jedediah Motorway\nLindgrenhaven, WI 94261"},{"id":67,"name":"Floyd Steuber","address":"138 Ally Locks\nAllanborough, AS 13887-8545"},{"id":68,"name":"Liam Altenwerth PhD","address":"75548 Simonis Island Suite 551\nBrownmouth, AA 12503"},{"id":69,"name":"Mireya Zboncak","address":"06898 Dach Bridge\nNew Madyson, MD 57114-0145"},{"id":70,"name":"Ephraim Ondricka PhD","address":"7699 Lucas Stravenue\nSouth Montanashire, NH 67432"},{"id":71,"name":"Herta Welch","address":"4223 Nikolaus Manor Apt. 586\nOsinskishire, MH 42503-3311"},{"id":72,"name":"Dr. Kariane Bauch","address":"3728 Rodger Road Suite 581\nGeorgettehaven, ND 78217"},{"id":73,"name":"Kip Franecki I","address":"069 Cremin Dale Apt. 482\nNew Theresa, PA 57783"},{"id":74,"name":"Antwan Oberbrunner","address":"364 Imelda Ridges Apt. 076\nHermistonborough, IL 21867"},{"id":75,"name":"Therese Prohaska","address":"465 Jaquan Summit\nHomenickview, IA 84652-6678"},{"id":76,"name":"Kirsten Monahan","address":"670 Mandy Meadow\nNew Shirley, MI 50950"},{"id":77,"name":"Zelma Mueller","address":"522 Jeremy Overpass\nEast Eladiofort, RI 17429-7457"},{"id":78,"name":"Corbin Klein","address":"4321 Bradtke Center Suite 471\nKacieville, RI 69465-8089"},{"id":79,"name":"Amir McLaughlin","address":"2324 Schinner Causeway Suite 169\nWest Favian, WY 22557-0562"},{"id":80,"name":"Jamarcus Kuvalis","address":"468 Crona Mills\nSchusterborough, AE 36000"},{"id":81,"name":"Lorna Borer","address":"267 Bechtelar Trafficway Apt. 654\nEriktown, AK 03032-8254"},{"id":82,"name":"Herman Hermann II","address":"3947 Matteo Gardens Apt. 087\nLake Danaside, NY 00145"},{"id":83,"name":"Mrs. Kyleigh Prohaska MD","address":"472 Stamm Stream\nNorth Rory, TN 78686-7453"},{"id":84,"name":"Sean Turcotte","address":"44864 Ziemann Course Apt. 435\nMcLaughlinborough, WY 77356"},{"id":85,"name":"Marilou Waelchi","address":"656 Buckridge Vista\nWest Marjorie, HI 85546-5534"},{"id":86,"name":"Dr. Dora Feeney IV","address":"9891 Elisabeth Trail Suite 245\nNorth Fosterfort, NC 48947"},{"id":87,"name":"Maureen Kutch Jr.","address":"77627 Larkin Course Suite 714\nKobeland, NH 40825-9586"},{"id":88,"name":"Erik Champlin","address":"261 Connie Loop Suite 162\nWest Maybell, AA 60566-8075"},{"id":89,"name":"Deondre Koss","address":"969 Buddy Ford Apt. 031\nPort Diegoport, KS 30227-0453"},{"id":90,"name":"Mr. Christopher White","address":"35053 Greenholt Land\nEdythechester, AP 15307-6529"},{"id":91,"name":"Jamir Quigley","address":"25107 Smitham Creek Suite 712\nNorth Rahulhaven, OH 74745"},{"id":92,"name":"Ms. Bette Hartmann","address":"652 Murphy Loop\nConcepcionmouth, PA 02132"},{"id":93,"name":"Brendon Block V","address":"9860 Windler Lane\nShanieview, VI 79753-2409"},{"id":94,"name":"Miss Jess Kling","address":"333 Lincoln Flats\nIsaiasstad, ND 28346-3251"},{"id":95,"name":"Maxie Gleason","address":"218 Schuster Meadow\nPort Keatonchester, AL 88656"},{"id":96,"name":"Sheridan Carroll IV","address":"51659 Miller Island Suite 899\nDickichester, PW 54694"},{"id":97,"name":"Dr. Adalberto Mraz MD","address":"15060 Syble Forest Apt. 927\nNorth Daphneburgh, GU 24812-8021"},{"id":98,"name":"Sigmund Effertz","address":"197 Runolfsdottir Plain\nGroverport, VI 53448"},{"id":99,"name":"Ms. Magali Treutel","address":"41345 Reilly Plaza Apt. 978\nSouth Wendellstad, GU 84864-5926"}] 77 |
78 | 79 | 80 | 86 | 87 | 88 |
Page <[pager.currentPage]> of <[pager.foundPages]>. Total items: <[pager.found]>
89 | 90 | 91 | 92 | 93 | 94 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 108 | 109 | 110 | 111 | 112 | 113 | 114 |
IdNameAddress
<[item.id]><[item.name]><[item.address]>
115 | 116 | 117 |
118 | First page | 119 | ←prev | 120 | next → | 121 | Last page 122 |
123 | 124 |
125 | 126 |
127 | 128 |
129 |
130 |
131 | 132 | 140 | 141 | 142 | -------------------------------------------------------------------------------- /examples/example11.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Solo Table: example 11 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 46 | 47 | 48 | 49 | 50 |
51 |
52 |
53 | 54 |

Example #11

55 | 56 |

57 | You can highlight substrings during the searching 58 |

59 | 60 | 61 |
62 | 63 | 68 | 69 | 70 | 71 | 72 | 76 |
77 | [{"id":0,"name":"Arnoldo Rodriguez","address":"41709 Ruthe Squares\nNew Jensen, NC 27708-7727"},{"id":1,"name":"Mrs. Lolita Dare","address":"295 Luettgen Ports\nCristview, CA 87559-2576"},{"id":2,"name":"Xzavier Bernhard","address":"8019 Greenfelder Canyon\nWest Jailynville, NY 34198"},{"id":3,"name":"Dr. Cesar Bins IV","address":"62882 Altenwerth Glens\nWest Madelineborough, AL 39472"},{"id":4,"name":"Earlene Bashirian MD","address":"9062 West Glens\nHellerville, WV 62908"},{"id":5,"name":"Mrs. Deonte Schowalter Sr.","address":"7489 Johns Turnpike Apt. 888\nStellaville, KS 05548-3835"},{"id":6,"name":"Mrs. Gudrun Homenick III","address":"84378 Cheyenne Village Suite 360\nFraneckimouth, MT 42064-2302"},{"id":7,"name":"Jett Reinger Jr.","address":"111 Hessel Harbors\nKelliemouth, NY 15021-9741"},{"id":8,"name":"Flavie Considine","address":"134 Garth Branch Apt. 081\nEnricoport, UT 73395"},{"id":9,"name":"Samson Strosin I","address":"3549 Agustin Groves Apt. 585\nEast Davionberg, SC 61631"},{"id":10,"name":"Ibrahim Kovacek","address":"3612 Dameon Rapid\nMariaburgh, AL 75957"},{"id":11,"name":"Scottie Corwin","address":"56685 Chaya Divide\nNorth Efren, WA 54313-9459"},{"id":12,"name":"Mr. Bo Rohan","address":"367 Bart Burgs\nOmerview, CT 41188-6752"},{"id":13,"name":"Jonathon McDermott","address":"140 Langosh Prairie Suite 399\nWest Alicechester, FM 93748"},{"id":14,"name":"Walton Glover MD","address":"9530 Leland Drive\nPort Raoulside, AA 93586"},{"id":15,"name":"Eddie Keebler","address":"250 Dietrich Dale\nHirtheshire, PA 04190"},{"id":16,"name":"Arden Kuhn III","address":"64225 Jeremie Club Apt. 086\nNorth Percystad, SC 84598"},{"id":17,"name":"Simone Towne","address":"3824 Hintz Shores\nEast Davefurt, LA 77432"},{"id":18,"name":"Alexane Johnson","address":"2725 Bayer Parkway\nEast Bustershire, MS 73226"},{"id":19,"name":"Dr. Virginia Ernser","address":"427 Mitchell Flat Apt. 739\nKarleymouth, AP 50738"},{"id":20,"name":"Aylin Harris","address":"37552 Leuschke Village\nBruenville, MS 14407-2651"},{"id":21,"name":"Ms. Noemi Ernser MD","address":"01522 Brakus Brooks\nLake Kariville, OH 26193"},{"id":22,"name":"Mr. Hipolito Kreiger","address":"264 Bradtke Flats Apt. 238\nLake Colton, AZ 27335-4520"},{"id":23,"name":"Lester Little II","address":"634 Torphy Vista Apt. 209\nAnikaborough, FM 72133"},{"id":24,"name":"Khalil Cartwright","address":"97743 Ritchie Estates Suite 269\nPacochaside, VI 58454"},{"id":25,"name":"Rhiannon Hilpert","address":"12711 Jast Mission Apt. 552\nHalvorsonport, CO 63911-6993"},{"id":26,"name":"Salvatore Windler","address":"175 Elnora Crescent Apt. 218\nDelilahfort, WY 39740-7196"},{"id":27,"name":"Keanu Ernser","address":"1660 Llewellyn Manors\nNew Carolyn, MH 57551-1665"},{"id":28,"name":"Stephan Grady","address":"59054 Chaz Oval Apt. 062\nSouth Eldachester, SC 82692"},{"id":29,"name":"Emmy Turcotte","address":"597 Derek Mission Apt. 948\nLake Kaylihaven, MO 08821"},{"id":30,"name":"Watson Cronin I","address":"7323 Schmitt Mall Apt. 991\nPort Libbie, ND 08985"},{"id":31,"name":"Amiya Stark","address":"27777 Bruen Crossroad Apt. 709\nConroyville, NC 09344"},{"id":32,"name":"Mekhi Wunsch","address":"2298 Moshe Loop Suite 765\nEast Roosevelt, MO 97426-9701"},{"id":33,"name":"Nettie Ward","address":"790 Raoul Fields\nMalloryhaven, NJ 84610-1427"},{"id":34,"name":"Hilma Mertz","address":"0640 Eloise Port\nFermintown, MD 65364-2505"},{"id":35,"name":"Mr. Evie Kassulke Jr.","address":"0087 Andrew Lock Apt. 503\nDeshawntown, VT 86862-9721"},{"id":36,"name":"Litzy Koch","address":"811 Mosciski Rapid\nNew Marietta, VT 92078"},{"id":37,"name":"Ocie Littel","address":"740 Magdalena Camp Suite 369\nArmstrongshire, SD 76246"},{"id":38,"name":"Billy Langosh","address":"8207 Reynold Inlet Apt. 402\nWest Cristina, TX 52378"},{"id":39,"name":"Miss Kolby Krajcik","address":"06873 Clarabelle Oval\nNew Miracletown, OR 96947-2216"},{"id":40,"name":"Brennan Wolf","address":"85114 Valentin Bridge\nJordanfurt, ID 43773-7961"},{"id":41,"name":"Dr. Darrin Krajcik III","address":"762 Kuvalis Drive Apt. 977\nPort Larissa, WV 16524-3868"},{"id":42,"name":"Dr. Sean McCullough","address":"6697 Marks Pass\nNorth Alexzander, NH 65878-1152"},{"id":43,"name":"Harold Rath","address":"06499 Catharine Squares Suite 823\nMohammedburgh, AZ 56747"},{"id":44,"name":"Miss Herbert Thiel","address":"30904 Schaden Road Apt. 825\nBergstromshire, FL 65165-3611"},{"id":45,"name":"Zoey Kertzmann","address":"416 Lia Divide Apt. 677\nParisianfort, IA 82666"},{"id":46,"name":"Judge Bailey","address":"263 Stiedemann Shoals\nBlancaside, OH 69150-5172"},{"id":47,"name":"Miss Theodore Sporer","address":"9921 Lynch Forge\nLake Luramouth, NJ 07679-7707"},{"id":48,"name":"Valerie Macejkovic","address":"48822 Clemens Crossing\nHeathcotetown, VI 61556"},{"id":49,"name":"Savanah Gleason","address":"80499 Frami Street Suite 846\nLake Shane, OH 30357"},{"id":50,"name":"Evan White Sr.","address":"99192 Cory Skyway\nWest Daphneyton, GU 28770-6211"},{"id":51,"name":"Mrs. Orval Crist","address":"55420 Mathew Ferry Apt. 567\nDereckland, CO 69609-9284"},{"id":52,"name":"Naomie Walker","address":"0282 Tromp Ridge\nWest Kim, OH 65782-9698"},{"id":53,"name":"Miss Aubree Wiegand","address":"6228 Kuhlman Village\nWest Emerson, MT 77135-4833"},{"id":54,"name":"Lester Reichert","address":"934 Bulah Ford\nArvillaport, PR 71606-5461"},{"id":55,"name":"Mr. Conrad Abernathy DVM","address":"235 Wiegand Creek Apt. 009\nDonnellyhaven, MO 70649"},{"id":56,"name":"Garfield Bins","address":"2394 Sabrina Lake\nYasminville, TN 89051"},{"id":57,"name":"Otilia Goyette","address":"9218 Powlowski Ford\nLake Carolynechester, AZ 33602-5551"},{"id":58,"name":"Adrienne Hoppe","address":"22957 O'Kon Center Apt. 484\nClementinefurt, NJ 25587"},{"id":59,"name":"Sarah Legros","address":"11554 Kelly Extension\nLavernetown, MA 38206-0678"},{"id":60,"name":"Erna Crooks","address":"679 Emard Landing Suite 810\nAnselville, KS 02665-1629"},{"id":61,"name":"Euna Labadie","address":"801 Treutel Run Apt. 354\nJaketon, FM 45245-9247"},{"id":62,"name":"Jon Goldner III","address":"17839 Shana Fork Apt. 850\nLake Justonmouth, AR 90716-0403"},{"id":63,"name":"Niko Hilpert","address":"33616 Rodriguez Place Apt. 786\nOkunevamouth, AR 78889"},{"id":64,"name":"Randi Jenkins","address":"632 Paucek Circles\nLake Nicholeborough, MH 73696"},{"id":65,"name":"Lucie Jaskolski","address":"51214 Virgie Cliffs\nHoegerport, AS 11714"},{"id":66,"name":"George Howe","address":"739 Jedediah Motorway\nLindgrenhaven, WI 94261"},{"id":67,"name":"Floyd Steuber","address":"138 Ally Locks\nAllanborough, AS 13887-8545"},{"id":68,"name":"Liam Altenwerth PhD","address":"75548 Simonis Island Suite 551\nBrownmouth, AA 12503"},{"id":69,"name":"Mireya Zboncak","address":"06898 Dach Bridge\nNew Madyson, MD 57114-0145"},{"id":70,"name":"Ephraim Ondricka PhD","address":"7699 Lucas Stravenue\nSouth Montanashire, NH 67432"},{"id":71,"name":"Herta Welch","address":"4223 Nikolaus Manor Apt. 586\nOsinskishire, MH 42503-3311"},{"id":72,"name":"Dr. Kariane Bauch","address":"3728 Rodger Road Suite 581\nGeorgettehaven, ND 78217"},{"id":73,"name":"Kip Franecki I","address":"069 Cremin Dale Apt. 482\nNew Theresa, PA 57783"},{"id":74,"name":"Antwan Oberbrunner","address":"364 Imelda Ridges Apt. 076\nHermistonborough, IL 21867"},{"id":75,"name":"Therese Prohaska","address":"465 Jaquan Summit\nHomenickview, IA 84652-6678"},{"id":76,"name":"Kirsten Monahan","address":"670 Mandy Meadow\nNew Shirley, MI 50950"},{"id":77,"name":"Zelma Mueller","address":"522 Jeremy Overpass\nEast Eladiofort, RI 17429-7457"},{"id":78,"name":"Corbin Klein","address":"4321 Bradtke Center Suite 471\nKacieville, RI 69465-8089"},{"id":79,"name":"Amir McLaughlin","address":"2324 Schinner Causeway Suite 169\nWest Favian, WY 22557-0562"},{"id":80,"name":"Jamarcus Kuvalis","address":"468 Crona Mills\nSchusterborough, AE 36000"},{"id":81,"name":"Lorna Borer","address":"267 Bechtelar Trafficway Apt. 654\nEriktown, AK 03032-8254"},{"id":82,"name":"Herman Hermann II","address":"3947 Matteo Gardens Apt. 087\nLake Danaside, NY 00145"},{"id":83,"name":"Mrs. Kyleigh Prohaska MD","address":"472 Stamm Stream\nNorth Rory, TN 78686-7453"},{"id":84,"name":"Sean Turcotte","address":"44864 Ziemann Course Apt. 435\nMcLaughlinborough, WY 77356"},{"id":85,"name":"Marilou Waelchi","address":"656 Buckridge Vista\nWest Marjorie, HI 85546-5534"},{"id":86,"name":"Dr. Dora Feeney IV","address":"9891 Elisabeth Trail Suite 245\nNorth Fosterfort, NC 48947"},{"id":87,"name":"Maureen Kutch Jr.","address":"77627 Larkin Course Suite 714\nKobeland, NH 40825-9586"},{"id":88,"name":"Erik Champlin","address":"261 Connie Loop Suite 162\nWest Maybell, AA 60566-8075"},{"id":89,"name":"Deondre Koss","address":"969 Buddy Ford Apt. 031\nPort Diegoport, KS 30227-0453"},{"id":90,"name":"Mr. Christopher White","address":"35053 Greenholt Land\nEdythechester, AP 15307-6529"},{"id":91,"name":"Jamir Quigley","address":"25107 Smitham Creek Suite 712\nNorth Rahulhaven, OH 74745"},{"id":92,"name":"Ms. Bette Hartmann","address":"652 Murphy Loop\nConcepcionmouth, PA 02132"},{"id":93,"name":"Brendon Block V","address":"9860 Windler Lane\nShanieview, VI 79753-2409"},{"id":94,"name":"Miss Jess Kling","address":"333 Lincoln Flats\nIsaiasstad, ND 28346-3251"},{"id":95,"name":"Maxie Gleason","address":"218 Schuster Meadow\nPort Keatonchester, AL 88656"},{"id":96,"name":"Sheridan Carroll IV","address":"51659 Miller Island Suite 899\nDickichester, PW 54694"},{"id":97,"name":"Dr. Adalberto Mraz MD","address":"15060 Syble Forest Apt. 927\nNorth Daphneburgh, GU 24812-8021"},{"id":98,"name":"Sigmund Effertz","address":"197 Runolfsdottir Plain\nGroverport, VI 53448"},{"id":99,"name":"Ms. Magali Treutel","address":"41345 Reilly Plaza Apt. 978\nSouth Wendellstad, GU 84864-5926"}] 78 |
79 | 80 | 81 |
Page <[pager.currentPage]> of <[pager.foundPages]>. Total items: <[pager.found]>
82 | 83 | 84 | 85 | 86 | 87 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 102 | 103 | 104 | 105 | 106 | 107 | 108 |
IdNameAddress
<[item.id]>
109 | 110 | 111 |
112 | First page | 113 | ←prev | 114 | next → | 115 | Last page 116 |
117 | 118 |
119 | 120 |
121 | 122 |
123 |
124 |
125 | 126 | 149 | 150 | 151 | -------------------------------------------------------------------------------- /examples/example14-load-data-from-server.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Solo Table: example 14 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 45 | 46 | 47 | 48 | 49 |
50 |
51 |
52 | 53 |

Example #14

54 | 55 |

56 | This example shows how can you load data from remote server 57 |

58 | 59 | 60 |
61 | 62 | 63 | 64 | 69 | 70 | 71 | 72 | 73 | 77 |
78 | 79 | 80 |
Page <[pager.currentPage]> of <[pager.foundPages]>. Total items: <[pager.found]>
81 | 82 | 83 | 84 | 85 | 86 | 88 | 89 | 90 | 91 | 92 | 93 | 94 | 101 | 102 | 103 | 104 | 105 | 106 | 107 |
IdNameAddress
<[item.id]><[item.name]><[item.address]>
108 | 109 | 110 |
111 | First page | 112 | ←prev | 113 | next → | 114 | Last page 115 |
116 | 117 |
118 | 119 |
120 | 121 |
122 |
123 |
124 | 125 | 172 | 173 | 174 | -------------------------------------------------------------------------------- /examples/example04.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Solo Table: example 04 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 44 | 45 | 46 | 47 | 48 |
49 |
50 |
51 | 52 |

Example #4

53 | 54 |

55 | This example shows how to use several different filters. 56 | You can filter items by dropdown list and by selected fields. 57 |

58 | 59 | 60 |
61 | 62 | 67 | 68 | 69 | 76 | 77 | 78 | 82 |
83 | [{"id":0,"prefix":"Mrs.","name":"Otis Terry","address":"42323 Zieme Stream\nNorth Makenna, FL 80737-9097"},{"id":1,"prefix":"Mr.","name":"Bernita Lindgren","address":"3110 Lehner Keys\nSouth Dasiafort, AK 03983"},{"id":2,"prefix":"Ms.","name":"Precious Lemke","address":"18955 Goldner Island\nNew Victor, PW 00725-9869"},{"id":3,"prefix":"Mr.","name":"Dereck Cruickshank","address":"85691 Ratke Spring Suite 697\nCollinstown, SD 17451"},{"id":4,"prefix":"Mrs.","name":"Raul Littel","address":"8401 Hickle Vista Apt. 597\nNorth Freeda, MH 03248-9115"},{"id":5,"prefix":"Ms.","name":"Herminia Hettinger","address":"130 Kariane Orchard\nWest Alenetown, MS 80278-9226"},{"id":6,"prefix":"Mr.","name":"Vernie Walker PhD","address":"572 Reilly Streets Apt. 446\nJonesville, DC 66160-1187"},{"id":7,"prefix":"Miss","name":"Nick Grant","address":"21634 Borer Land Apt. 915\nNorth Beaulahburgh, FL 53800-1665"},{"id":8,"prefix":"Miss","name":"Erich Hartmann","address":"975 Adella Villages\nNew Georgetteland, AA 56589-5563"},{"id":9,"prefix":"Dr.","name":"Mrs. Kathryn Schowalter IV","address":"3718 Wiza Circles Suite 063\nNorth Kyler, MS 98073"},{"id":10,"prefix":"Mr.","name":"Mrs. Gwendolyn Little I","address":"257 Cartwright Fields Suite 782\nEast Claude, MN 21292"},{"id":11,"prefix":"Miss","name":"Wilburn Carter","address":"7340 Maida Place Suite 090\nQueeniemouth, NC 46114-6078"},{"id":12,"prefix":"Mrs.","name":"Dr. Annamarie Sipes I","address":"71134 Harvey Brooks Apt. 772\nSouth Aileenborough, FM 87494-6007"},{"id":13,"prefix":"Miss","name":"Justen Hessel","address":"19011 Winnifred Forge\nWest Darrick, DE 36421"},{"id":14,"prefix":"Mrs.","name":"Enola Durgan","address":"91372 Gibson Bridge Suite 626\nBergstromborough, OH 87542"},{"id":15,"prefix":"Mrs.","name":"Anastacio Nolan","address":"7556 Kunde Terrace Apt. 524\nEmeryland, CO 63475"},{"id":16,"prefix":"Miss","name":"Miss Maribel Bernhard MD","address":"6251 Skiles Freeway Suite 613\nLudieside, IL 33768-8328"},{"id":17,"prefix":"Dr.","name":"Ellsworth Konopelski","address":"0345 Norberto Falls Apt. 267\nSouth Maegan, NE 19629"},{"id":18,"prefix":"Miss","name":"Scot Hayes","address":"2433 Bogan Brook\nVolkmanland, UT 01572-2626"},{"id":19,"prefix":"Mr.","name":"Kaelyn Kertzmann","address":"62440 Brando Knoll Suite 819\nNorth Rashawnfort, ID 74138"},{"id":20,"prefix":"Mrs.","name":"Jazmin VonRueden","address":"54364 Triston Summit\nCassieburgh, AL 09519-6311"},{"id":21,"prefix":"Mrs.","name":"Tanner Jaskolski","address":"4592 Ike Shores Suite 702\nDonnachester, NC 30482-5926"},{"id":22,"prefix":"Mr.","name":"Roy Reichert","address":"90498 Armstrong Hills\nBauchland, NC 45383-3135"},{"id":23,"prefix":"Miss","name":"Flossie Farrell","address":"3835 Parisian Shores Apt. 208\nSouth Pinkie, AS 88591-1564"},{"id":24,"prefix":"Mr.","name":"Dr. Rosetta Swaniawski","address":"444 Block Trace Apt. 318\nReecemouth, IN 00604-5772"},{"id":25,"prefix":"Ms.","name":"Christelle Feeney","address":"57569 Hattie Park Suite 680\nBartonport, FL 85040-8282"},{"id":26,"prefix":"Miss","name":"Mr. Tevin Leffler","address":"075 Torphy Divide\nHudsontown, HI 44185-6425"},{"id":27,"prefix":"Ms.","name":"Mrs. Marcel Mitchell I","address":"79674 Dickinson Mount Apt. 893\nEast Danachester, ND 31268"},{"id":28,"prefix":"Dr.","name":"Dr. Ned Boehm V","address":"35597 Oberbrunner Turnpike\nAlfborough, NV 33792"},{"id":29,"prefix":"Mrs.","name":"Enrico Turcotte","address":"701 Mills Trace Suite 516\nDavisshire, ID 05807"},{"id":30,"prefix":"Ms.","name":"Eleonore Powlowski","address":"43609 Russel Lakes Apt. 105\nJamilland, TX 58324"},{"id":31,"prefix":"Mrs.","name":"Miss Lisa Rempel","address":"97350 Bode Street Suite 073\nEast Jennyferberg, WY 93880-2583"},{"id":32,"prefix":"Mr.","name":"Savion White","address":"934 Pouros Roads\nSouth Aydenside, MA 99403"},{"id":33,"prefix":"Miss","name":"Dannie Bartell","address":"257 Wilderman Turnpike\nLake Ewaldmouth, AK 87725"},{"id":34,"prefix":"Mrs.","name":"Ike Hahn","address":"7702 Hamill Ville Suite 914\nLake Jesus, IA 26132"},{"id":35,"prefix":"Dr.","name":"Shyann Cummerata","address":"6713 Will Court\nSouth Laurianechester, WI 05342-7715"},{"id":36,"prefix":"Mr.","name":"Alvera Hoeger III","address":"0199 Friesen Locks\nSouth Jordi, AE 23063"},{"id":37,"prefix":"Mrs.","name":"Maritza Barton","address":"67695 Rohan Groves Suite 202\nBillmouth, DC 66040-1105"},{"id":38,"prefix":"Mrs.","name":"Mr. Arne Kunze IV","address":"28577 Jordan Village\nFramiborough, RI 41687"},{"id":39,"prefix":"Mrs.","name":"Christian Botsford MD","address":"70073 Neoma Village\nAlisonfurt, TX 30579"},{"id":40,"prefix":"Mrs.","name":"Brady Shanahan","address":"687 Autumn Tunnel\nOmabury, GU 25281-2365"},{"id":41,"prefix":"Ms.","name":"Dashawn Bogisich","address":"29841 Elisha Crossroad\nNew Julie, AA 85801"},{"id":42,"prefix":"Dr.","name":"Ana Ziemann","address":"474 Darby Land Apt. 030\nHeaneyfurt, NV 61086-7532"},{"id":43,"prefix":"Dr.","name":"Kristian Crooks MD","address":"6963 Gorczany Flat Apt. 886\nYostland, MI 77880-0696"},{"id":44,"prefix":"Miss","name":"Miss Treva Pacocha","address":"3526 Bethany Springs\nLake Buddyland, AR 10728"},{"id":45,"prefix":"Mrs.","name":"Alexanne McDermott","address":"2049 Magali Corner\nHaagport, MT 24770"},{"id":46,"prefix":"Mrs.","name":"Kristy Franecki PhD","address":"94781 Hubert Mill Apt. 931\nEast Lennie, GU 76207-1784"},{"id":47,"prefix":"Mrs.","name":"Adriel Mann","address":"47386 Golda Walks\nStarkland, WY 30106"},{"id":48,"prefix":"Dr.","name":"Tressie Bauch V","address":"1386 Felix Plaza\nPort Revafort, PA 80300"},{"id":49,"prefix":"Mrs.","name":"Ellie Greenholt","address":"08250 Susana Dale Suite 526\nEast Mossieland, IN 97002-7116"},{"id":50,"prefix":"Miss","name":"Emmitt Effertz","address":"081 Boris Mews Suite 966\nPort Monserratport, VI 40563-0116"},{"id":51,"prefix":"Dr.","name":"Eugene Kihn","address":"941 Kilback Gardens Suite 285\nRamonashire, VI 50640"},{"id":52,"prefix":"Dr.","name":"Armani Ward","address":"226 Bartoletti Cape\nSouth Harmonyshire, NV 64482-8234"},{"id":53,"prefix":"Mrs.","name":"Miss Jarod Bruen","address":"0151 Hamill Mission\nMacejkovicside, SC 29022"},{"id":54,"prefix":"Ms.","name":"Francisca Lind","address":"6713 Wehner Isle\nKuvalisland, AZ 89968-2529"},{"id":55,"prefix":"Miss","name":"Lincoln Bednar","address":"671 Nikolaus Crossroad\nCamrenshire, SD 32385"},{"id":56,"prefix":"Ms.","name":"Miss Anika Harber","address":"02608 Dakota Spring\nPort Tysonville, WA 42000"},{"id":57,"prefix":"Miss","name":"Rozella Volkman","address":"193 Satterfield Neck Apt. 958\nEfrenland, AS 66872-9998"},{"id":58,"prefix":"Mrs.","name":"Pattie Fadel II","address":"5305 Harmon Mountain Suite 553\nBednarborough, MO 04052-2447"},{"id":59,"prefix":"Mr.","name":"Rosendo Mosciski","address":"087 Ritchie Plains Apt. 794\nWeissnatton, MT 01229"},{"id":60,"prefix":"Dr.","name":"Brenden Jakubowski","address":"55588 Corkery Glens\nPort Pietro, LA 32730-3818"},{"id":61,"prefix":"Ms.","name":"Maia Rath","address":"02069 Willow Lake\nPort Garnetmouth, NY 47868-6150"},{"id":62,"prefix":"Mrs.","name":"Dr. Kiera Brakus","address":"01031 Schaden Ville\nSouth Norafort, CA 27967-4888"},{"id":63,"prefix":"Ms.","name":"Salvatore Cassin","address":"563 Morissette Place\nFaefort, MS 60218-5279"},{"id":64,"prefix":"Ms.","name":"Nicolette Flatley","address":"712 Torp Crest\nSouth Mabelleland, AP 74954"},{"id":65,"prefix":"Mrs.","name":"Zackery Daniel","address":"6397 Schulist Wells\nNew Daphneyside, ME 83822-5336"},{"id":66,"prefix":"Ms.","name":"Gina Murphy","address":"671 Doyle Landing\nLake Nikkobury, SC 66511-5904"},{"id":67,"prefix":"Mrs.","name":"Levi Macejkovic","address":"29196 Ana Causeway Apt. 231\nSouth Ulisesland, IN 91038-2250"},{"id":68,"prefix":"Mrs.","name":"Mrs. Duncan Brown V","address":"05179 Gleichner Coves Apt. 753\nEmelyville, RI 54988-1220"},{"id":69,"prefix":"Ms.","name":"Sigrid Nitzsche MD","address":"241 Hegmann Islands\nStarkburgh, FL 87277-4150"},{"id":70,"prefix":"Miss","name":"Cale Turcotte DDS","address":"90551 Dedric Valleys Apt. 328\nSouth Celestinoborough, IA 87632"},{"id":71,"prefix":"Ms.","name":"Coralie Mann V","address":"5969 Olaf Route Suite 852\nKuhicland, MO 83008"},{"id":72,"prefix":"Ms.","name":"Vincenza Hahn","address":"263 Scottie Key\nKingbury, GA 17352"},{"id":73,"prefix":"Mrs.","name":"Mrs. Jimmy Batz","address":"675 Telly Lake\nNew Ciaramouth, TX 74045-1534"},{"id":74,"prefix":"Dr.","name":"Adam Ruecker","address":"12344 Wolf Parkway Apt. 446\nDorthatown, AL 28981"},{"id":75,"prefix":"Ms.","name":"Hortense Schultz","address":"237 Tyson Mount Suite 138\nLake Susanna, FM 37492"},{"id":76,"prefix":"Dr.","name":"Mrs. Demarcus Raynor V","address":"06103 McDermott Avenue Suite 169\nNorth Myrtice, RI 08485"},{"id":77,"prefix":"Mr.","name":"Veda Wolff DVM","address":"6097 McLaughlin Junction Apt. 709\nNew Cara, AP 44355-6360"},{"id":78,"prefix":"Mrs.","name":"Mrs. Lucius Larson DVM","address":"3164 Auer Hills\nErnestineton, MI 66609"},{"id":79,"prefix":"Mr.","name":"Dr. Josefa Kertzmann Jr.","address":"48499 Larkin Crossing Suite 384\nRiverside, ID 09374-0709"},{"id":80,"prefix":"Mr.","name":"Hilton Prohaska","address":"202 Dickens Shoals Apt. 182\nKiehnport, KY 84774-6468"},{"id":81,"prefix":"Dr.","name":"Bartholome Raynor","address":"514 Ida Summit\nEast Domenic, MH 27539-7881"},{"id":82,"prefix":"Miss","name":"Albin Schamberger I","address":"489 Gideon Stravenue\nLake Macy, ND 49675-7059"},{"id":83,"prefix":"Dr.","name":"Margret Gibson V","address":"40126 Hodkiewicz Summit Apt. 270\nJadonville, MP 15150-9421"},{"id":84,"prefix":"Ms.","name":"Emilie Kerluke","address":"19351 Tessie Throughway\nWest Vivian, SC 20574-5209"},{"id":85,"prefix":"Mr.","name":"Aleen Keeling Jr.","address":"7760 Dana Mall Suite 663\nEmmafort, AR 42989-8600"},{"id":86,"prefix":"Mr.","name":"Berenice Schamberger","address":"4479 Bartell Wall Suite 060\nKarineborough, MD 31517-4269"},{"id":87,"prefix":"Miss","name":"Dominique Mraz","address":"9317 Janet View Suite 184\nGradyland, PR 67123-2160"},{"id":88,"prefix":"Mr.","name":"Dr. Maurine Schinner IV","address":"704 Medhurst Street\nWest Keltonfurt, UT 87652-9087"},{"id":89,"prefix":"Ms.","name":"Arvid Waelchi","address":"80712 Vernon Via\nEast Precious, MP 92858"},{"id":90,"prefix":"Miss","name":"Jewel Daugherty","address":"23790 Rubie Isle\nCathrineberg, AR 01323-9967"},{"id":91,"prefix":"Miss","name":"Sedrick Kerluke","address":"3988 Joe Path\nAlexandriafort, GU 78696"},{"id":92,"prefix":"Ms.","name":"Mr. Marcelle Zboncak Jr.","address":"65648 Smitham Keys\nNorth Fernstad, WA 37736-2842"},{"id":93,"prefix":"Dr.","name":"Sylvester Glover","address":"211 Cortez Lodge Suite 500\nEmmettfurt, IL 53639"},{"id":94,"prefix":"Mrs.","name":"Vernice Jacobi","address":"9209 Lora Junctions Suite 972\nEast Isidro, HI 09035"},{"id":95,"prefix":"Ms.","name":"Mrs. Ashleigh McKenzie I","address":"41466 Kuhlman Shores Apt. 973\nEmiliastad, FL 79385"},{"id":96,"prefix":"Mrs.","name":"Roselyn Rolfson","address":"533 Bruen Prairie Suite 810\nLueilwitzburgh, OK 92909"},{"id":97,"prefix":"Mrs.","name":"Trenton Waelchi","address":"2732 Coy Cove Suite 505\nSouth Leoneport, MP 94104-5150"},{"id":98,"prefix":"Miss","name":"Macey Nikolaus","address":"7049 Mertz Pine\nEast Devyn, OR 09425-2537"},{"id":99,"prefix":"Mrs.","name":"Mariane Treutel","address":"033 Kiehn Light\nWest Brainmouth, MI 82437-4715"}] 84 |
85 | 86 | 87 |
Page <[pager.currentPage]> of <[pager.foundPages]>. Total items: <[pager.found]>
88 | 89 | 90 | 91 | 92 | 93 | 95 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 107 | 108 | 109 | 110 | 111 | 112 | 113 | 114 |
IdPrefixNameAddress
<[item.id]><[item.prefix]><[item.name]><[item.address]>
115 | 116 | 117 |
118 | First page | 119 | ←prev | 120 | next → | 121 | Last page 122 |
123 | 124 |
125 | 126 |
127 | 128 |
129 |
130 |
131 | 132 | 140 | 141 | 142 | -------------------------------------------------------------------------------- /examples/example05.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Solo Table: example 05 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 44 | 45 | 46 | 47 | 48 |
49 |
50 |
51 | 52 |

Example #5

53 | 54 |

55 | You can write your own filter.
56 | For example, you can select persons older than selected year. 57 | 58 |

59 | 60 | 61 |
62 | 63 | 68 | 69 | 70 | 71 | 72 | 76 |
77 | [{"id":0,"prefix":"Miss","name":"Alvah Gleason","address":"58707 Ophelia Field\nEast Lorena, LA 89754-9301","year":"1981"},{"id":1,"prefix":"Dr.","name":"Sofia Tremblay","address":"497 Reynolds Run\nLake Luther, AK 96515-5737","year":"1939"},{"id":2,"prefix":"Miss","name":"Miss Elvis Franecki","address":"7211 Kenyatta Spurs\nEmeraldfurt, NM 25409","year":"1943"},{"id":3,"prefix":"Mrs.","name":"Miss Abraham West PhD","address":"1858 Kautzer Centers Suite 507\nSchummland, MS 58093-7616","year":"1971"},{"id":4,"prefix":"Mr.","name":"Barrett Dach","address":"75101 Lakin Place Suite 612\nLake Willow, KY 27365-8864","year":"1932"},{"id":5,"prefix":"Ms.","name":"Sally Shanahan","address":"9068 Schuster Fort\nWest Jarvis, MI 31167","year":"1981"},{"id":6,"prefix":"Ms.","name":"Dayana Willms","address":"53672 Helga Wells Apt. 774\nLubowitzport, OR 26144-7677","year":"1981"},{"id":7,"prefix":"Miss","name":"Dr. Alvina White","address":"3902 Carter Oval\nSouth Eldafort, ID 31960","year":"1981"},{"id":8,"prefix":"Miss","name":"Kevin White","address":"5069 Carleton Garden Apt. 580\nEast Tyresechester, TX 29796","year":"1981"},{"id":9,"prefix":"Ms.","name":"Ms. Reyes O'Kon Sr.","address":"083 Tabitha Dale Apt. 494\nWest Ninafort, NV 48888","year":"1981"},{"id":10,"prefix":"Mr.","name":"Raymundo Welch","address":"693 Grant Vista\nBernieburgh, NV 95989","year":"1924"},{"id":11,"prefix":"Mr.","name":"Miss Riley Ondricka PhD","address":"90108 Roxanne Parkways\nPort Lindaberg, MH 37719","year":"1932"},{"id":12,"prefix":"Miss","name":"Ervin Wisoky","address":"68150 Jacobs Ridge\nCarrollmouth, RI 75912","year":"1981"},{"id":13,"prefix":"Mrs.","name":"Ilene Kirlin","address":"1965 Jonathon Crossing\nSwaniawskifurt, OR 16796","year":"1917"},{"id":14,"prefix":"Miss","name":"Emil Koss","address":"217 Kacey Village Suite 928\nPurdyfurt, MN 84149-5493","year":"1973"},{"id":15,"prefix":"Mrs.","name":"Dr. Norwood Schultz III","address":"42111 Mariam Lakes\nSouth Dandreberg, IA 80737-8840","year":"1977"},{"id":16,"prefix":"Mrs.","name":"Ryder Wyman V","address":"37842 Haskell Points\nPort Alainastad, FL 95129","year":"1980"},{"id":17,"prefix":"Miss","name":"Lauryn Bergnaum","address":"274 Schulist Lane\nHaskellbury, ND 09131-3512","year":"1930"},{"id":18,"prefix":"Miss","name":"Cydney Sporer","address":"0890 Gussie Well\nPadbergborough, IA 02576-1462","year":"1981"},{"id":19,"prefix":"Ms.","name":"Verner Kerluke","address":"71487 Pagac Underpass\nNorth Newton, SD 77768-3171","year":"1981"},{"id":20,"prefix":"Mrs.","name":"Miss Rahsaan Langosh","address":"811 Milton Pass Suite 278\nConnellyside, NM 68314-1604","year":"1981"},{"id":21,"prefix":"Dr.","name":"Mr. Edythe Champlin","address":"362 Bobbie Plaza\nKunzeshire, TX 59121","year":"1981"},{"id":22,"prefix":"Miss","name":"Ms. Brenda Kuhlman Jr.","address":"2749 Emmanuelle Forest\nNitzscheview, RI 84112-7358","year":"1936"},{"id":23,"prefix":"Ms.","name":"Elizabeth Berge","address":"2029 Emmitt Parkway Suite 673\nPort Arnulfoside, CT 15461","year":"1917"},{"id":24,"prefix":"Miss","name":"Madaline Friesen","address":"4688 Wolf Causeway\nValentinland, AE 97018","year":"1981"},{"id":25,"prefix":"Mr.","name":"Mr. Delores Jones","address":"19033 Jammie Landing Apt. 873\nEast Saul, PA 82798-2462","year":"1959"},{"id":26,"prefix":"Dr.","name":"Keshawn Lehner","address":"330 Oleta Burg Apt. 015\nLake Ewaldmouth, PW 42591","year":"1915"},{"id":27,"prefix":"Mrs.","name":"Dr. Meda Hauck","address":"0000 Armstrong Camp Apt. 603\nEast Iciestad, AA 35945","year":"1981"},{"id":28,"prefix":"Ms.","name":"Lue Luettgen","address":"89808 Letha Radial\nAstridburgh, NJ 06660","year":"1939"},{"id":29,"prefix":"Ms.","name":"Angel Swaniawski","address":"9644 Kamren Tunnel\nRodrigofort, AE 18731-3572","year":"1928"},{"id":30,"prefix":"Mr.","name":"Marian Schoen","address":"988 Kameron Coves\nNew Josiestad, MI 87829","year":"1981"},{"id":31,"prefix":"Mr.","name":"Serena Johns","address":"558 Jayda Inlet Apt. 074\nShermanmouth, RI 97595","year":"1979"},{"id":32,"prefix":"Ms.","name":"Branson Ebert","address":"9588 Skiles Island\nBriellestad, IN 79112","year":"1973"},{"id":33,"prefix":"Mr.","name":"Marietta Kerluke","address":"73090 Conrad Drives Suite 493\nWest Rowenachester, VT 44577","year":"1961"},{"id":34,"prefix":"Dr.","name":"Austin Satterfield V","address":"42303 Bauch Skyway Suite 768\nWest Nick, UT 88982","year":"1942"},{"id":35,"prefix":"Mrs.","name":"Nick Langworth","address":"6804 Kemmer Via Suite 994\nNew Chadrick, SD 27212","year":"1981"},{"id":36,"prefix":"Miss","name":"Tristian Kerluke","address":"4327 Modesto Meadows Suite 661\nPort Selina, UT 18718","year":"1925"},{"id":37,"prefix":"Ms.","name":"D'angelo Wintheiser V","address":"58446 Hamill Shoals Apt. 955\nLake Madisenberg, LA 51245-9940","year":"1964"},{"id":38,"prefix":"Mr.","name":"Rickie Brakus","address":"50680 Alexanne Trace\nNorth Marilou, AR 80454","year":"1981"},{"id":39,"prefix":"Miss","name":"Abdiel Smith","address":"08928 Ahmed Lights Suite 819\nSpencerhaven, FL 12939-1108","year":"1950"},{"id":40,"prefix":"Miss","name":"Carroll Hilpert Jr.","address":"81632 Marcos Drive\nSteuberfort, NM 94337","year":"1923"},{"id":41,"prefix":"Mr.","name":"Ila Marquardt","address":"468 Klocko Wells Apt. 711\nDelphiachester, MO 76234","year":"1963"},{"id":42,"prefix":"Dr.","name":"Hobart Kozey","address":"16999 Kutch Court\nValentineland, IL 77768-5567","year":"1981"},{"id":43,"prefix":"Mr.","name":"Fae Veum","address":"46114 Kub Corner Suite 556\nNorth Eve, MT 28062-8577","year":"1977"},{"id":44,"prefix":"Dr.","name":"Mrs. Dortha Tillman","address":"70337 Junius Radial\nLake Modestahaven, MI 09783","year":"1981"},{"id":45,"prefix":"Miss","name":"Sheila Mante","address":"717 Myriam Corners Suite 151\nEast Moiseschester, WV 84849","year":"1981"},{"id":46,"prefix":"Dr.","name":"Kole Streich PhD","address":"747 Lila Motorway\nSmithamland, NJ 12537","year":"1970"},{"id":47,"prefix":"Mr.","name":"Mabelle Walker","address":"2318 Florida Canyon Apt. 755\nBrandtstad, PA 29712","year":"1965"},{"id":48,"prefix":"Mrs.","name":"Justina Johns","address":"30274 Ritchie Land Apt. 925\nHilpertport, MI 91996","year":"1962"},{"id":49,"prefix":"Ms.","name":"Javier Nader","address":"1751 Hipolito Unions Apt. 620\nLebsackfurt, NV 67126","year":"1913"},{"id":50,"prefix":"Ms.","name":"Ernie Kreiger","address":"55249 Jordi Burg Suite 736\nWest Isaibury, OK 23882","year":"1981"},{"id":51,"prefix":"Miss","name":"Leif Turner III","address":"367 Eliza Trail\nNew Christa, ID 38910","year":"1979"},{"id":52,"prefix":"Mr.","name":"Emie Wiza","address":"2134 Strosin Spur Suite 194\nImanimouth, TX 82625","year":"1937"},{"id":53,"prefix":"Dr.","name":"Kali Fritsch","address":"5871 Emelia Coves\nAmiramouth, PR 00409","year":"1981"},{"id":54,"prefix":"Mr.","name":"Elda Murphy","address":"55631 Hermiston Port\nMillshaven, IA 37169","year":"1950"},{"id":55,"prefix":"Mr.","name":"Halle Kunde","address":"8907 Streich Way Suite 145\nNaderland, MD 99760-3154","year":"1981"},{"id":56,"prefix":"Mrs.","name":"Kaley Schimmel","address":"173 Orrin Radial Apt. 043\nLilianamouth, OR 79089","year":"1979"},{"id":57,"prefix":"Miss","name":"Quinton Johns MD","address":"566 Wilhelm Junctions\nSouth Ebbaside, IA 74734","year":"1972"},{"id":58,"prefix":"Ms.","name":"Miracle Kreiger","address":"012 Shyann Mountain\nEast Bulahburgh, MA 77285","year":"1981"},{"id":59,"prefix":"Mrs.","name":"Gunner Koepp","address":"0947 Corkery Shore\nSalvatoreshire, PW 76769-4981","year":"1981"},{"id":60,"prefix":"Mr.","name":"Peter Swift IV","address":"16144 Torp Mount Apt. 792\nEast Juliohaven, AZ 37882-7627","year":"1981"},{"id":61,"prefix":"Dr.","name":"Lorenza Langosh","address":"3963 Hilpert Station\nPort Rebecatown, NC 30137","year":"1981"},{"id":62,"prefix":"Dr.","name":"Miss Mohammad Tremblay Sr.","address":"2451 VonRueden Points Apt. 264\nKesslertown, PA 70325","year":"1981"},{"id":63,"prefix":"Ms.","name":"Sedrick Lowe","address":"950 Walter Lock\nMullerburgh, DE 13111","year":"1981"},{"id":64,"prefix":"Dr.","name":"Trisha Crooks","address":"77111 Nickolas Village\nSouth Layla, VT 62001","year":"1954"},{"id":65,"prefix":"Mrs.","name":"Ms. Makayla Mante PhD","address":"4596 Randall Estates Apt. 337\nSouth Babystad, MT 82495-6121","year":"1981"},{"id":66,"prefix":"Miss","name":"Johnny Lehner","address":"94258 Delfina Port Suite 479\nCiaraland, DE 76410","year":"1955"},{"id":67,"prefix":"Miss","name":"Francisco Reichel","address":"277 Hintz Trail Apt. 641\nConnershire, MI 76046","year":"1965"},{"id":68,"prefix":"Ms.","name":"Brenda Smitham","address":"542 Deangelo Square Apt. 414\nWest Marquesbury, PR 06022-4927","year":"1946"},{"id":69,"prefix":"Miss","name":"Malvina Rau","address":"12608 Alyce Island Apt. 757\nLake Vadaville, WV 79467","year":"1919"},{"id":70,"prefix":"Mr.","name":"Eriberto Wyman","address":"2704 Cruickshank Falls Suite 831\nSonnyberg, CT 13628-1873","year":"1969"},{"id":71,"prefix":"Mr.","name":"Miss Raoul Berge","address":"628 Murray Fork\nSouth Morris, HI 80833-8558","year":"1981"},{"id":72,"prefix":"Mr.","name":"Dr. Vladimir Kulas I","address":"1192 Yazmin Drive\nNew Genevieve, ID 25140-7929","year":"1942"},{"id":73,"prefix":"Mr.","name":"Lavada Bode","address":"47920 Jasen Island\nWest Elsa, NM 61530","year":"1940"},{"id":74,"prefix":"Miss","name":"Susie McClure","address":"386 Herman Trail Suite 988\nMcKenzietown, WI 44307","year":"1930"},{"id":75,"prefix":"Mrs.","name":"Wiley Boyle I","address":"077 Anabel Mountains\nNorth Kenya, NY 85456","year":"1938"},{"id":76,"prefix":"Dr.","name":"Miss Delfina Blick","address":"25099 Everett Light\nPort Alexys, IA 97741-7612","year":"1933"},{"id":77,"prefix":"Dr.","name":"Lesley Medhurst","address":"921 Jennyfer Spur Suite 657\nAntoniaville, FM 23023-7828","year":"1914"},{"id":78,"prefix":"Mrs.","name":"Ferne Lesch","address":"4237 O'Kon Flats\nPort Ona, NM 47535-0474","year":"1938"},{"id":79,"prefix":"Dr.","name":"Stan Hagenes","address":"8759 Casper Wall Apt. 976\nTerryland, FL 99257","year":"1943"},{"id":80,"prefix":"Mr.","name":"Kevon Koch","address":"1437 Rutherford Bypass Apt. 088\nKuhlmanbury, WI 55795","year":"1917"},{"id":81,"prefix":"Miss","name":"Johathan Bernhard II","address":"3526 Mohr Junctions\nNorth Haliefort, MP 08423","year":"1968"},{"id":82,"prefix":"Ms.","name":"Candelario Mann PhD","address":"0600 Kautzer Flats Apt. 520\nNew Flavio, LA 08923","year":"1968"},{"id":83,"prefix":"Dr.","name":"Dr. Loma Monahan Jr.","address":"7541 Carlee Square\nAdrianchester, MS 23656","year":"1932"},{"id":84,"prefix":"Miss","name":"Bessie Bernhard","address":"2963 Langworth Cove\nDaneborough, WA 32908","year":"1981"},{"id":85,"prefix":"Mr.","name":"Bette Langosh","address":"83633 Ryan Lodge Suite 746\nWest Christellebury, MS 02722-0522","year":"1920"},{"id":86,"prefix":"Mrs.","name":"Trever Koepp","address":"75811 Doyle Ranch\nRosenbaumland, MP 97000","year":"1922"},{"id":87,"prefix":"Mrs.","name":"Ms. Murl Orn III","address":"395 Kevon Creek\nNew Granville, LA 82249","year":"1981"},{"id":88,"prefix":"Ms.","name":"Maximilian Beahan","address":"31314 Rogahn Shoals\nWest Eleazarhaven, NJ 33442-2713","year":"1915"},{"id":89,"prefix":"Dr.","name":"Carmel Marquardt","address":"8956 Jefferey Mills\nBayleeside, MO 41796-0158","year":"1960"},{"id":90,"prefix":"Mrs.","name":"Clifton Keeling","address":"999 Kennedi Stravenue Apt. 504\nNorth Anya, NE 13874","year":"1919"},{"id":91,"prefix":"Dr.","name":"Jamal Nolan","address":"456 Schultz Common\nSouth Ford, OK 57284","year":"1981"},{"id":92,"prefix":"Mrs.","name":"Tracey Cassin","address":"28929 Koch Shores\nNettietown, NE 41703-4611","year":"1981"},{"id":93,"prefix":"Dr.","name":"Mustafa Pacocha","address":"7344 Jaida Springs\nHermistonshire, FL 55959","year":"1959"},{"id":94,"prefix":"Mr.","name":"Dr. Holden Herzog","address":"42636 Cole Mission Suite 915\nNorth Maddisonburgh, OH 84052","year":"1981"},{"id":95,"prefix":"Mr.","name":"Jacinthe Rempel","address":"215 Jayme Flat\nNorth Torranceborough, HI 14441-7209","year":"1981"},{"id":96,"prefix":"Mr.","name":"Miss Carrie Carroll","address":"807 Marcelino Way\nMarcosberg, DE 90512-0506","year":"1921"},{"id":97,"prefix":"Mr.","name":"Flossie Breitenberg Sr.","address":"4998 Manley Plaza Apt. 883\nNorth Tressie, ME 79826-1137","year":"1981"},{"id":98,"prefix":"Mrs.","name":"Mr. Cordell Lockman","address":"2525 Pacocha Haven Apt. 633\nEast Jacinthe, MH 06836","year":"1950"},{"id":99,"prefix":"Miss","name":"Ross Paucek III","address":"800 Janae Terrace Suite 000\nBeckerville, DC 55439","year":"1981"}] 78 |
79 | 80 | 81 |
Page <[pager.currentPage]> of <[pager.foundPages]>. Total items: <[pager.found]>
82 | 83 | 84 | 85 | 86 | 87 | 89 | 90 | 91 | 92 | 93 | 94 | 95 | 96 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 |
IdNameYearAddress
<[item.id]><[item.name]><[item.year]><[item.address]>
109 | 110 | 111 |
112 | First page | 113 | ←prev | 114 | next → | 115 | Last page 116 |
117 | 118 |
119 | 120 |
121 | 122 |
123 |
124 |
125 | 126 | 154 | 155 | 156 | -------------------------------------------------------------------------------- /examples/example13.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Solo Table: example 13 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 |
19 |
20 | 21 |

Example #13

22 | 23 |

24 | You can place more then one independent tables within an application. 25 |

26 | 27 |

The first table

28 | 29 | 30 |
31 | 32 | 38 | 39 | 40 | 44 |
45 | [{"id":0,"name":"Arnoldo Rodriguez","address":"41709 Ruthe Squares\nNew Jensen, NC 27708-7727"},{"id":1,"name":"Mrs. Lolita Dare","address":"295 Luettgen Ports\nCristview, CA 87559-2576"},{"id":2,"name":"Xzavier Bernhard","address":"8019 Greenfelder Canyon\nWest Jailynville, NY 34198"},{"id":3,"name":"Dr. Cesar Bins IV","address":"62882 Altenwerth Glens\nWest Madelineborough, AL 39472"},{"id":4,"name":"Earlene Bashirian MD","address":"9062 West Glens\nHellerville, WV 62908"},{"id":5,"name":"Mrs. Deonte Schowalter Sr.","address":"7489 Johns Turnpike Apt. 888\nStellaville, KS 05548-3835"},{"id":6,"name":"Mrs. Gudrun Homenick III","address":"84378 Cheyenne Village Suite 360\nFraneckimouth, MT 42064-2302"},{"id":7,"name":"Jett Reinger Jr.","address":"111 Hessel Harbors\nKelliemouth, NY 15021-9741"},{"id":8,"name":"Flavie Considine","address":"134 Garth Branch Apt. 081\nEnricoport, UT 73395"},{"id":9,"name":"Samson Strosin I","address":"3549 Agustin Groves Apt. 585\nEast Davionberg, SC 61631"},{"id":10,"name":"Ibrahim Kovacek","address":"3612 Dameon Rapid\nMariaburgh, AL 75957"},{"id":11,"name":"Scottie Corwin","address":"56685 Chaya Divide\nNorth Efren, WA 54313-9459"},{"id":12,"name":"Mr. Bo Rohan","address":"367 Bart Burgs\nOmerview, CT 41188-6752"},{"id":13,"name":"Jonathon McDermott","address":"140 Langosh Prairie Suite 399\nWest Alicechester, FM 93748"},{"id":14,"name":"Walton Glover MD","address":"9530 Leland Drive\nPort Raoulside, AA 93586"},{"id":15,"name":"Eddie Keebler","address":"250 Dietrich Dale\nHirtheshire, PA 04190"},{"id":16,"name":"Arden Kuhn III","address":"64225 Jeremie Club Apt. 086\nNorth Percystad, SC 84598"},{"id":17,"name":"Simone Towne","address":"3824 Hintz Shores\nEast Davefurt, LA 77432"},{"id":18,"name":"Alexane Johnson","address":"2725 Bayer Parkway\nEast Bustershire, MS 73226"},{"id":19,"name":"Dr. Virginia Ernser","address":"427 Mitchell Flat Apt. 739\nKarleymouth, AP 50738"},{"id":20,"name":"Aylin Harris","address":"37552 Leuschke Village\nBruenville, MS 14407-2651"},{"id":21,"name":"Ms. Noemi Ernser MD","address":"01522 Brakus Brooks\nLake Kariville, OH 26193"},{"id":22,"name":"Mr. Hipolito Kreiger","address":"264 Bradtke Flats Apt. 238\nLake Colton, AZ 27335-4520"},{"id":23,"name":"Lester Little II","address":"634 Torphy Vista Apt. 209\nAnikaborough, FM 72133"},{"id":24,"name":"Khalil Cartwright","address":"97743 Ritchie Estates Suite 269\nPacochaside, VI 58454"},{"id":25,"name":"Rhiannon Hilpert","address":"12711 Jast Mission Apt. 552\nHalvorsonport, CO 63911-6993"},{"id":26,"name":"Salvatore Windler","address":"175 Elnora Crescent Apt. 218\nDelilahfort, WY 39740-7196"},{"id":27,"name":"Keanu Ernser","address":"1660 Llewellyn Manors\nNew Carolyn, MH 57551-1665"},{"id":28,"name":"Stephan Grady","address":"59054 Chaz Oval Apt. 062\nSouth Eldachester, SC 82692"},{"id":29,"name":"Emmy Turcotte","address":"597 Derek Mission Apt. 948\nLake Kaylihaven, MO 08821"},{"id":30,"name":"Watson Cronin I","address":"7323 Schmitt Mall Apt. 991\nPort Libbie, ND 08985"},{"id":31,"name":"Amiya Stark","address":"27777 Bruen Crossroad Apt. 709\nConroyville, NC 09344"},{"id":32,"name":"Mekhi Wunsch","address":"2298 Moshe Loop Suite 765\nEast Roosevelt, MO 97426-9701"},{"id":33,"name":"Nettie Ward","address":"790 Raoul Fields\nMalloryhaven, NJ 84610-1427"},{"id":34,"name":"Hilma Mertz","address":"0640 Eloise Port\nFermintown, MD 65364-2505"},{"id":35,"name":"Mr. Evie Kassulke Jr.","address":"0087 Andrew Lock Apt. 503\nDeshawntown, VT 86862-9721"},{"id":36,"name":"Litzy Koch","address":"811 Mosciski Rapid\nNew Marietta, VT 92078"},{"id":37,"name":"Ocie Littel","address":"740 Magdalena Camp Suite 369\nArmstrongshire, SD 76246"},{"id":38,"name":"Billy Langosh","address":"8207 Reynold Inlet Apt. 402\nWest Cristina, TX 52378"},{"id":39,"name":"Miss Kolby Krajcik","address":"06873 Clarabelle Oval\nNew Miracletown, OR 96947-2216"},{"id":40,"name":"Brennan Wolf","address":"85114 Valentin Bridge\nJordanfurt, ID 43773-7961"},{"id":41,"name":"Dr. Darrin Krajcik III","address":"762 Kuvalis Drive Apt. 977\nPort Larissa, WV 16524-3868"},{"id":42,"name":"Dr. Sean McCullough","address":"6697 Marks Pass\nNorth Alexzander, NH 65878-1152"},{"id":43,"name":"Harold Rath","address":"06499 Catharine Squares Suite 823\nMohammedburgh, AZ 56747"},{"id":44,"name":"Miss Herbert Thiel","address":"30904 Schaden Road Apt. 825\nBergstromshire, FL 65165-3611"},{"id":45,"name":"Zoey Kertzmann","address":"416 Lia Divide Apt. 677\nParisianfort, IA 82666"},{"id":46,"name":"Judge Bailey","address":"263 Stiedemann Shoals\nBlancaside, OH 69150-5172"},{"id":47,"name":"Miss Theodore Sporer","address":"9921 Lynch Forge\nLake Luramouth, NJ 07679-7707"},{"id":48,"name":"Valerie Macejkovic","address":"48822 Clemens Crossing\nHeathcotetown, VI 61556"},{"id":49,"name":"Savanah Gleason","address":"80499 Frami Street Suite 846\nLake Shane, OH 30357"},{"id":50,"name":"Evan White Sr.","address":"99192 Cory Skyway\nWest Daphneyton, GU 28770-6211"},{"id":51,"name":"Mrs. Orval Crist","address":"55420 Mathew Ferry Apt. 567\nDereckland, CO 69609-9284"},{"id":52,"name":"Naomie Walker","address":"0282 Tromp Ridge\nWest Kim, OH 65782-9698"},{"id":53,"name":"Miss Aubree Wiegand","address":"6228 Kuhlman Village\nWest Emerson, MT 77135-4833"},{"id":54,"name":"Lester Reichert","address":"934 Bulah Ford\nArvillaport, PR 71606-5461"},{"id":55,"name":"Mr. Conrad Abernathy DVM","address":"235 Wiegand Creek Apt. 009\nDonnellyhaven, MO 70649"},{"id":56,"name":"Garfield Bins","address":"2394 Sabrina Lake\nYasminville, TN 89051"},{"id":57,"name":"Otilia Goyette","address":"9218 Powlowski Ford\nLake Carolynechester, AZ 33602-5551"},{"id":58,"name":"Adrienne Hoppe","address":"22957 O'Kon Center Apt. 484\nClementinefurt, NJ 25587"},{"id":59,"name":"Sarah Legros","address":"11554 Kelly Extension\nLavernetown, MA 38206-0678"},{"id":60,"name":"Erna Crooks","address":"679 Emard Landing Suite 810\nAnselville, KS 02665-1629"},{"id":61,"name":"Euna Labadie","address":"801 Treutel Run Apt. 354\nJaketon, FM 45245-9247"},{"id":62,"name":"Jon Goldner III","address":"17839 Shana Fork Apt. 850\nLake Justonmouth, AR 90716-0403"},{"id":63,"name":"Niko Hilpert","address":"33616 Rodriguez Place Apt. 786\nOkunevamouth, AR 78889"},{"id":64,"name":"Randi Jenkins","address":"632 Paucek Circles\nLake Nicholeborough, MH 73696"},{"id":65,"name":"Lucie Jaskolski","address":"51214 Virgie Cliffs\nHoegerport, AS 11714"},{"id":66,"name":"George Howe","address":"739 Jedediah Motorway\nLindgrenhaven, WI 94261"},{"id":67,"name":"Floyd Steuber","address":"138 Ally Locks\nAllanborough, AS 13887-8545"},{"id":68,"name":"Liam Altenwerth PhD","address":"75548 Simonis Island Suite 551\nBrownmouth, AA 12503"},{"id":69,"name":"Mireya Zboncak","address":"06898 Dach Bridge\nNew Madyson, MD 57114-0145"},{"id":70,"name":"Ephraim Ondricka PhD","address":"7699 Lucas Stravenue\nSouth Montanashire, NH 67432"},{"id":71,"name":"Herta Welch","address":"4223 Nikolaus Manor Apt. 586\nOsinskishire, MH 42503-3311"},{"id":72,"name":"Dr. Kariane Bauch","address":"3728 Rodger Road Suite 581\nGeorgettehaven, ND 78217"},{"id":73,"name":"Kip Franecki I","address":"069 Cremin Dale Apt. 482\nNew Theresa, PA 57783"},{"id":74,"name":"Antwan Oberbrunner","address":"364 Imelda Ridges Apt. 076\nHermistonborough, IL 21867"},{"id":75,"name":"Therese Prohaska","address":"465 Jaquan Summit\nHomenickview, IA 84652-6678"},{"id":76,"name":"Kirsten Monahan","address":"670 Mandy Meadow\nNew Shirley, MI 50950"},{"id":77,"name":"Zelma Mueller","address":"522 Jeremy Overpass\nEast Eladiofort, RI 17429-7457"},{"id":78,"name":"Corbin Klein","address":"4321 Bradtke Center Suite 471\nKacieville, RI 69465-8089"},{"id":79,"name":"Amir McLaughlin","address":"2324 Schinner Causeway Suite 169\nWest Favian, WY 22557-0562"},{"id":80,"name":"Jamarcus Kuvalis","address":"468 Crona Mills\nSchusterborough, AE 36000"},{"id":81,"name":"Lorna Borer","address":"267 Bechtelar Trafficway Apt. 654\nEriktown, AK 03032-8254"},{"id":82,"name":"Herman Hermann II","address":"3947 Matteo Gardens Apt. 087\nLake Danaside, NY 00145"},{"id":83,"name":"Mrs. Kyleigh Prohaska MD","address":"472 Stamm Stream\nNorth Rory, TN 78686-7453"},{"id":84,"name":"Sean Turcotte","address":"44864 Ziemann Course Apt. 435\nMcLaughlinborough, WY 77356"},{"id":85,"name":"Marilou Waelchi","address":"656 Buckridge Vista\nWest Marjorie, HI 85546-5534"},{"id":86,"name":"Dr. Dora Feeney IV","address":"9891 Elisabeth Trail Suite 245\nNorth Fosterfort, NC 48947"},{"id":87,"name":"Maureen Kutch Jr.","address":"77627 Larkin Course Suite 714\nKobeland, NH 40825-9586"},{"id":88,"name":"Erik Champlin","address":"261 Connie Loop Suite 162\nWest Maybell, AA 60566-8075"},{"id":89,"name":"Deondre Koss","address":"969 Buddy Ford Apt. 031\nPort Diegoport, KS 30227-0453"},{"id":90,"name":"Mr. Christopher White","address":"35053 Greenholt Land\nEdythechester, AP 15307-6529"},{"id":91,"name":"Jamir Quigley","address":"25107 Smitham Creek Suite 712\nNorth Rahulhaven, OH 74745"},{"id":92,"name":"Ms. Bette Hartmann","address":"652 Murphy Loop\nConcepcionmouth, PA 02132"},{"id":93,"name":"Brendon Block V","address":"9860 Windler Lane\nShanieview, VI 79753-2409"},{"id":94,"name":"Miss Jess Kling","address":"333 Lincoln Flats\nIsaiasstad, ND 28346-3251"},{"id":95,"name":"Maxie Gleason","address":"218 Schuster Meadow\nPort Keatonchester, AL 88656"},{"id":96,"name":"Sheridan Carroll IV","address":"51659 Miller Island Suite 899\nDickichester, PW 54694"},{"id":97,"name":"Dr. Adalberto Mraz MD","address":"15060 Syble Forest Apt. 927\nNorth Daphneburgh, GU 24812-8021"},{"id":98,"name":"Sigmund Effertz","address":"197 Runolfsdottir Plain\nGroverport, VI 53448"},{"id":99,"name":"Ms. Magali Treutel","address":"41345 Reilly Plaza Apt. 978\nSouth Wendellstad, GU 84864-5926"}] 46 |
47 | 48 | 49 |
Page <[pager.currentPage]> of <[pager.foundPages]>. Total items: <[pager.found]>
50 | 51 | 52 | 53 | 54 | 55 | 56 | 57 | 58 | 59 | 60 | 61 | 67 | 68 | 69 | 70 | 71 | 72 | 73 |
IdNameAddress
<[item.id]><[item.name]><[item.address]>
74 | 75 | 76 | 82 | 83 |
84 | 85 | 86 |

The second table

87 | 88 | 89 | 93 |
94 | [{"id":11,"name":"Scottie Corwin","address":"56685 Chaya Divide\nNorth Efren, WA 54313-9459"},{"id":12,"name":"Mr. Bo Rohan","address":"367 Bart Burgs\nOmerview, CT 41188-6752"},{"id":13,"name":"Jonathon McDermott","address":"140 Langosh Prairie Suite 399\nWest Alicechester, FM 93748"},{"id":14,"name":"Walton Glover MD","address":"9530 Leland Drive\nPort Raoulside, AA 93586"},{"id":15,"name":"Eddie Keebler","address":"250 Dietrich Dale\nHirtheshire, PA 04190"},{"id":16,"name":"Arden Kuhn III","address":"64225 Jeremie Club Apt. 086\nNorth Percystad, SC 84598"},{"id":17,"name":"Simone Towne","address":"3824 Hintz Shores\nEast Davefurt, LA 77432"},{"id":18,"name":"Alexane Johnson","address":"2725 Bayer Parkway\nEast Bustershire, MS 73226"},{"id":19,"name":"Dr. Virginia Ernser","address":"427 Mitchell Flat Apt. 739\nKarleymouth, AP 50738"},{"id":20,"name":"Aylin Harris","address":"37552 Leuschke Village\nBruenville, MS 14407-2651"},{"id":21,"name":"Ms. Noemi Ernser MD","address":"01522 Brakus Brooks\nLake Kariville, OH 26193"},{"id":22,"name":"Mr. Hipolito Kreiger","address":"264 Bradtke Flats Apt. 238\nLake Colton, AZ 27335-4520"},{"id":23,"name":"Lester Little II","address":"634 Torphy Vista Apt. 209\nAnikaborough, FM 72133"},{"id":24,"name":"Khalil Cartwright","address":"97743 Ritchie Estates Suite 269\nPacochaside, VI 58454"},{"id":25,"name":"Rhiannon Hilpert","address":"12711 Jast Mission Apt. 552\nHalvorsonport, CO 63911-6993"},{"id":26,"name":"Salvatore Windler","address":"175 Elnora Crescent Apt. 218\nDelilahfort, WY 39740-7196"},{"id":27,"name":"Keanu Ernser","address":"1660 Llewellyn Manors\nNew Carolyn, MH 57551-1665"},{"id":28,"name":"Stephan Grady","address":"59054 Chaz Oval Apt. 062\nSouth Eldachester, SC 82692"},{"id":29,"name":"Emmy Turcotte","address":"597 Derek Mission Apt. 948\nLake Kaylihaven, MO 08821"},{"id":30,"name":"Watson Cronin I","address":"7323 Schmitt Mall Apt. 991\nPort Libbie, ND 08985"},{"id":31,"name":"Amiya Stark","address":"27777 Bruen Crossroad Apt. 709\nConroyville, NC 09344"},{"id":32,"name":"Mekhi Wunsch","address":"2298 Moshe Loop Suite 765\nEast Roosevelt, MO 97426-9701"},{"id":33,"name":"Nettie Ward","address":"790 Raoul Fields\nMalloryhaven, NJ 84610-1427"},{"id":34,"name":"Hilma Mertz","address":"0640 Eloise Port\nFermintown, MD 65364-2505"},{"id":35,"name":"Mr. Evie Kassulke Jr.","address":"0087 Andrew Lock Apt. 503\nDeshawntown, VT 86862-9721"},{"id":36,"name":"Litzy Koch","address":"811 Mosciski Rapid\nNew Marietta, VT 92078"},{"id":37,"name":"Ocie Littel","address":"740 Magdalena Camp Suite 369\nArmstrongshire, SD 76246"},{"id":38,"name":"Billy Langosh","address":"8207 Reynold Inlet Apt. 402\nWest Cristina, TX 52378"},{"id":39,"name":"Miss Kolby Krajcik","address":"06873 Clarabelle Oval\nNew Miracletown, OR 96947-2216"},{"id":40,"name":"Brennan Wolf","address":"85114 Valentin Bridge\nJordanfurt, ID 43773-7961"},{"id":41,"name":"Dr. Darrin Krajcik III","address":"762 Kuvalis Drive Apt. 977\nPort Larissa, WV 16524-3868"},{"id":42,"name":"Dr. Sean McCullough","address":"6697 Marks Pass\nNorth Alexzander, NH 65878-1152"},{"id":43,"name":"Harold Rath","address":"06499 Catharine Squares Suite 823\nMohammedburgh, AZ 56747"},{"id":44,"name":"Miss Herbert Thiel","address":"30904 Schaden Road Apt. 825\nBergstromshire, FL 65165-3611"},{"id":45,"name":"Zoey Kertzmann","address":"416 Lia Divide Apt. 677\nParisianfort, IA 82666"},{"id":46,"name":"Judge Bailey","address":"263 Stiedemann Shoals\nBlancaside, OH 69150-5172"},{"id":47,"name":"Miss Theodore Sporer","address":"9921 Lynch Forge\nLake Luramouth, NJ 07679-7707"},{"id":48,"name":"Valerie Macejkovic","address":"48822 Clemens Crossing\nHeathcotetown, VI 61556"},{"id":49,"name":"Savanah Gleason","address":"80499 Frami Street Suite 846\nLake Shane, OH 30357"},{"id":50,"name":"Evan White Sr.","address":"99192 Cory Skyway\nWest Daphneyton, GU 28770-6211"},{"id":51,"name":"Mrs. Orval Crist","address":"55420 Mathew Ferry Apt. 567\nDereckland, CO 69609-9284"},{"id":52,"name":"Naomie Walker","address":"0282 Tromp Ridge\nWest Kim, OH 65782-9698"},{"id":53,"name":"Miss Aubree Wiegand","address":"6228 Kuhlman Village\nWest Emerson, MT 77135-4833"},{"id":54,"name":"Lester Reichert","address":"934 Bulah Ford\nArvillaport, PR 71606-5461"},{"id":55,"name":"Mr. Conrad Abernathy DVM","address":"235 Wiegand Creek Apt. 009\nDonnellyhaven, MO 70649"},{"id":56,"name":"Garfield Bins","address":"2394 Sabrina Lake\nYasminville, TN 89051"},{"id":57,"name":"Otilia Goyette","address":"9218 Powlowski Ford\nLake Carolynechester, AZ 33602-5551"},{"id":58,"name":"Adrienne Hoppe","address":"22957 O'Kon Center Apt. 484\nClementinefurt, NJ 25587"},{"id":59,"name":"Sarah Legros","address":"11554 Kelly Extension\nLavernetown, MA 38206-0678"},{"id":60,"name":"Erna Crooks","address":"679 Emard Landing Suite 810\nAnselville, KS 02665-1629"},{"id":61,"name":"Euna Labadie","address":"801 Treutel Run Apt. 354\nJaketon, FM 45245-9247"},{"id":62,"name":"Jon Goldner III","address":"17839 Shana Fork Apt. 850\nLake Justonmouth, AR 90716-0403"},{"id":63,"name":"Niko Hilpert","address":"33616 Rodriguez Place Apt. 786\nOkunevamouth, AR 78889"},{"id":64,"name":"Randi Jenkins","address":"632 Paucek Circles\nLake Nicholeborough, MH 73696"},{"id":65,"name":"Lucie Jaskolski","address":"51214 Virgie Cliffs\nHoegerport, AS 11714"},{"id":66,"name":"George Howe","address":"739 Jedediah Motorway\nLindgrenhaven, WI 94261"},{"id":67,"name":"Floyd Steuber","address":"138 Ally Locks\nAllanborough, AS 13887-8545"},{"id":68,"name":"Liam Altenwerth PhD","address":"75548 Simonis Island Suite 551\nBrownmouth, AA 12503"},{"id":69,"name":"Mireya Zboncak","address":"06898 Dach Bridge\nNew Madyson, MD 57114-0145"},{"id":70,"name":"Ephraim Ondricka PhD","address":"7699 Lucas Stravenue\nSouth Montanashire, NH 67432"},{"id":71,"name":"Herta Welch","address":"4223 Nikolaus Manor Apt. 586\nOsinskishire, MH 42503-3311"},{"id":72,"name":"Dr. Kariane Bauch","address":"3728 Rodger Road Suite 581\nGeorgettehaven, ND 78217"},{"id":73,"name":"Kip Franecki I","address":"069 Cremin Dale Apt. 482\nNew Theresa, PA 57783"},{"id":74,"name":"Antwan Oberbrunner","address":"364 Imelda Ridges Apt. 076\nHermistonborough, IL 21867"},{"id":75,"name":"Therese Prohaska","address":"465 Jaquan Summit\nHomenickview, IA 84652-6678"},{"id":76,"name":"Kirsten Monahan","address":"670 Mandy Meadow\nNew Shirley, MI 50950"},{"id":77,"name":"Zelma Mueller","address":"522 Jeremy Overpass\nEast Eladiofort, RI 17429-7457"},{"id":78,"name":"Corbin Klein","address":"4321 Bradtke Center Suite 471\nKacieville, RI 69465-8089"},{"id":79,"name":"Amir McLaughlin","address":"2324 Schinner Causeway Suite 169\nWest Favian, WY 22557-0562"},{"id":80,"name":"Jamarcus Kuvalis","address":"468 Crona Mills\nSchusterborough, AE 36000"},{"id":81,"name":"Lorna Borer","address":"267 Bechtelar Trafficway Apt. 654\nEriktown, AK 03032-8254"},{"id":82,"name":"Herman Hermann II","address":"3947 Matteo Gardens Apt. 087\nLake Danaside, NY 00145"},{"id":83,"name":"Mrs. Kyleigh Prohaska MD","address":"472 Stamm Stream\nNorth Rory, TN 78686-7453"},{"id":84,"name":"Sean Turcotte","address":"44864 Ziemann Course Apt. 435\nMcLaughlinborough, WY 77356"},{"id":85,"name":"Marilou Waelchi","address":"656 Buckridge Vista\nWest Marjorie, HI 85546-5534"},{"id":86,"name":"Dr. Dora Feeney IV","address":"9891 Elisabeth Trail Suite 245\nNorth Fosterfort, NC 48947"},{"id":87,"name":"Maureen Kutch Jr.","address":"77627 Larkin Course Suite 714\nKobeland, NH 40825-9586"},{"id":88,"name":"Erik Champlin","address":"261 Connie Loop Suite 162\nWest Maybell, AA 60566-8075"},{"id":89,"name":"Deondre Koss","address":"969 Buddy Ford Apt. 031\nPort Diegoport, KS 30227-0453"},{"id":90,"name":"Mr. Christopher White","address":"35053 Greenholt Land\nEdythechester, AP 15307-6529"},{"id":91,"name":"Jamir Quigley","address":"25107 Smitham Creek Suite 712\nNorth Rahulhaven, OH 74745"},{"id":92,"name":"Ms. Bette Hartmann","address":"652 Murphy Loop\nConcepcionmouth, PA 02132"},{"id":93,"name":"Brendon Block V","address":"9860 Windler Lane\nShanieview, VI 79753-2409"},{"id":94,"name":"Miss Jess Kling","address":"333 Lincoln Flats\nIsaiasstad, ND 28346-3251"},{"id":95,"name":"Maxie Gleason","address":"218 Schuster Meadow\nPort Keatonchester, AL 88656"},{"id":96,"name":"Sheridan Carroll IV","address":"51659 Miller Island Suite 899\nDickichester, PW 54694"},{"id":97,"name":"Dr. Adalberto Mraz MD","address":"15060 Syble Forest Apt. 927\nNorth Daphneburgh, GU 24812-8021"},{"id":98,"name":"Sigmund Effertz","address":"197 Runolfsdottir Plain\nGroverport, VI 53448"},{"id":99,"name":"Ms. Magali Treutel","address":"41345 Reilly Plaza Apt. 978\nSouth Wendellstad, GU 84864-5926"}] 95 |
96 | 97 | 98 |
Page <[pager.currentPage]> of <[pager.foundPages]>. Total items: <[pager.found]>
99 | 100 | 101 | 102 | 103 | 104 | 105 | 106 | 107 | 108 | 109 | 110 | 116 | 117 | 118 | 119 | 120 | 121 | 122 |
IdNameAddress
<[item.id]><[item.name]><[item.address]>
123 | 124 | 125 |
126 | First page | 127 | ←prev | 128 | next → | 129 | Last page 130 |
131 | 132 |
133 | 134 |
135 | 136 |
137 |
138 |
139 | 140 | 148 | 149 | 150 | -------------------------------------------------------------------------------- /examples/js/angular-sanitize.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @license AngularJS v1.3.3 3 | * (c) 2010-2014 Google, Inc. http://angularjs.org 4 | * License: MIT 5 | */ 6 | (function(window, angular, undefined) {'use strict'; 7 | 8 | var $sanitizeMinErr = angular.$$minErr('$sanitize'); 9 | 10 | /** 11 | * @ngdoc module 12 | * @name ngSanitize 13 | * @description 14 | * 15 | * # ngSanitize 16 | * 17 | * The `ngSanitize` module provides functionality to sanitize HTML. 18 | * 19 | * 20 | *
21 | * 22 | * See {@link ngSanitize.$sanitize `$sanitize`} for usage. 23 | */ 24 | 25 | /* 26 | * HTML Parser By Misko Hevery (misko@hevery.com) 27 | * based on: HTML Parser By John Resig (ejohn.org) 28 | * Original code by Erik Arvidsson, Mozilla Public License 29 | * http://erik.eae.net/simplehtmlparser/simplehtmlparser.js 30 | * 31 | * // Use like so: 32 | * htmlParser(htmlString, { 33 | * start: function(tag, attrs, unary) {}, 34 | * end: function(tag) {}, 35 | * chars: function(text) {}, 36 | * comment: function(text) {} 37 | * }); 38 | * 39 | */ 40 | 41 | 42 | /** 43 | * @ngdoc service 44 | * @name $sanitize 45 | * @kind function 46 | * 47 | * @description 48 | * The input is sanitized by parsing the HTML into tokens. All safe tokens (from a whitelist) are 49 | * then serialized back to properly escaped html string. This means that no unsafe input can make 50 | * it into the returned string, however, since our parser is more strict than a typical browser 51 | * parser, it's possible that some obscure input, which would be recognized as valid HTML by a 52 | * browser, won't make it through the sanitizer. The input may also contain SVG markup. 53 | * The whitelist is configured using the functions `aHrefSanitizationWhitelist` and 54 | * `imgSrcSanitizationWhitelist` of {@link ng.$compileProvider `$compileProvider`}. 55 | * 56 | * @param {string} html HTML input. 57 | * @returns {string} Sanitized HTML. 58 | * 59 | * @example 60 | 61 | 62 | 74 |
75 | Snippet: 76 | 77 | 78 | 79 | 80 | 81 | 82 | 83 | 84 | 85 | 86 | 87 | 88 | 89 | 90 | 91 | 92 | 96 | 97 | 98 | 99 | 100 | 101 | 102 | 103 | 104 |
DirectiveHowSourceRendered
ng-bind-htmlAutomatically uses $sanitize
<div ng-bind-html="snippet">
</div>
ng-bind-htmlBypass $sanitize by explicitly trusting the dangerous value 93 |
<div ng-bind-html="deliberatelyTrustDangerousSnippet()">
 94 | </div>
95 |
ng-bindAutomatically escapes
<div ng-bind="snippet">
</div>
105 |
106 |
107 | 108 | it('should sanitize the html snippet by default', function() { 109 | expect(element(by.css('#bind-html-with-sanitize div')).getInnerHtml()). 110 | toBe('

an html\nclick here\nsnippet

'); 111 | }); 112 | 113 | it('should inline raw snippet if bound to a trusted value', function() { 114 | expect(element(by.css('#bind-html-with-trust div')).getInnerHtml()). 115 | toBe("

an html\n" + 116 | "click here\n" + 117 | "snippet

"); 118 | }); 119 | 120 | it('should escape snippet without any filter', function() { 121 | expect(element(by.css('#bind-default div')).getInnerHtml()). 122 | toBe("<p style=\"color:blue\">an html\n" + 123 | "<em onmouseover=\"this.textContent='PWN3D!'\">click here</em>\n" + 124 | "snippet</p>"); 125 | }); 126 | 127 | it('should update', function() { 128 | element(by.model('snippet')).clear(); 129 | element(by.model('snippet')).sendKeys('new text'); 130 | expect(element(by.css('#bind-html-with-sanitize div')).getInnerHtml()). 131 | toBe('new text'); 132 | expect(element(by.css('#bind-html-with-trust div')).getInnerHtml()).toBe( 133 | 'new text'); 134 | expect(element(by.css('#bind-default div')).getInnerHtml()).toBe( 135 | "new <b onclick=\"alert(1)\">text</b>"); 136 | }); 137 |
138 |
139 | */ 140 | function $SanitizeProvider() { 141 | this.$get = ['$$sanitizeUri', function($$sanitizeUri) { 142 | return function(html) { 143 | var buf = []; 144 | htmlParser(html, htmlSanitizeWriter(buf, function(uri, isImage) { 145 | return !/^unsafe/.test($$sanitizeUri(uri, isImage)); 146 | })); 147 | return buf.join(''); 148 | }; 149 | }]; 150 | } 151 | 152 | function sanitizeText(chars) { 153 | var buf = []; 154 | var writer = htmlSanitizeWriter(buf, angular.noop); 155 | writer.chars(chars); 156 | return buf.join(''); 157 | } 158 | 159 | 160 | // Regular Expressions for parsing tags and attributes 161 | var START_TAG_REGEXP = 162 | /^<((?:[a-zA-Z])[\w:-]*)((?:\s+[\w:-]+(?:\s*=\s*(?:(?:"[^"]*")|(?:'[^']*')|[^>\s]+))?)*)\s*(\/?)\s*(>?)/, 163 | END_TAG_REGEXP = /^<\/\s*([\w:-]+)[^>]*>/, 164 | ATTR_REGEXP = /([\w:-]+)(?:\s*=\s*(?:(?:"((?:[^"])*)")|(?:'((?:[^'])*)')|([^>\s]+)))?/g, 165 | BEGIN_TAG_REGEXP = /^/g, 168 | DOCTYPE_REGEXP = /]*?)>/i, 169 | CDATA_REGEXP = //g, 170 | SURROGATE_PAIR_REGEXP = /[\uD800-\uDBFF][\uDC00-\uDFFF]/g, 171 | // Match everything outside of normal chars and " (quote character) 172 | NON_ALPHANUMERIC_REGEXP = /([^\#-~| |!])/g; 173 | 174 | 175 | // Good source of info about elements and attributes 176 | // http://dev.w3.org/html5/spec/Overview.html#semantics 177 | // http://simon.html5.org/html-elements 178 | 179 | // Safe Void Elements - HTML5 180 | // http://dev.w3.org/html5/spec/Overview.html#void-elements 181 | var voidElements = makeMap("area,br,col,hr,img,wbr"); 182 | 183 | // Elements that you can, intentionally, leave open (and which close themselves) 184 | // http://dev.w3.org/html5/spec/Overview.html#optional-tags 185 | var optionalEndTagBlockElements = makeMap("colgroup,dd,dt,li,p,tbody,td,tfoot,th,thead,tr"), 186 | optionalEndTagInlineElements = makeMap("rp,rt"), 187 | optionalEndTagElements = angular.extend({}, 188 | optionalEndTagInlineElements, 189 | optionalEndTagBlockElements); 190 | 191 | // Safe Block Elements - HTML5 192 | var blockElements = angular.extend({}, optionalEndTagBlockElements, makeMap("address,article," + 193 | "aside,blockquote,caption,center,del,dir,div,dl,figure,figcaption,footer,h1,h2,h3,h4,h5," + 194 | "h6,header,hgroup,hr,ins,map,menu,nav,ol,pre,script,section,table,ul")); 195 | 196 | // Inline Elements - HTML5 197 | var inlineElements = angular.extend({}, optionalEndTagInlineElements, makeMap("a,abbr,acronym,b," + 198 | "bdi,bdo,big,br,cite,code,del,dfn,em,font,i,img,ins,kbd,label,map,mark,q,ruby,rp,rt,s," + 199 | "samp,small,span,strike,strong,sub,sup,time,tt,u,var")); 200 | 201 | // SVG Elements 202 | // https://wiki.whatwg.org/wiki/Sanitization_rules#svg_Elements 203 | var svgElements = makeMap("animate,animateColor,animateMotion,animateTransform,circle,defs," + 204 | "desc,ellipse,font-face,font-face-name,font-face-src,g,glyph,hkern,image,linearGradient," + 205 | "line,marker,metadata,missing-glyph,mpath,path,polygon,polyline,radialGradient,rect,set," + 206 | "stop,svg,switch,text,title,tspan,use"); 207 | 208 | // Special Elements (can contain anything) 209 | var specialElements = makeMap("script,style"); 210 | 211 | var validElements = angular.extend({}, 212 | voidElements, 213 | blockElements, 214 | inlineElements, 215 | optionalEndTagElements, 216 | svgElements); 217 | 218 | //Attributes that have href and hence need to be sanitized 219 | var uriAttrs = makeMap("background,cite,href,longdesc,src,usemap,xlink:href"); 220 | 221 | var htmlAttrs = makeMap('abbr,align,alt,axis,bgcolor,border,cellpadding,cellspacing,class,clear,' + 222 | 'color,cols,colspan,compact,coords,dir,face,headers,height,hreflang,hspace,' + 223 | 'ismap,lang,language,nohref,nowrap,rel,rev,rows,rowspan,rules,' + 224 | 'scope,scrolling,shape,size,span,start,summary,target,title,type,' + 225 | 'valign,value,vspace,width'); 226 | 227 | // SVG attributes (without "id" and "name" attributes) 228 | // https://wiki.whatwg.org/wiki/Sanitization_rules#svg_Attributes 229 | var svgAttrs = makeMap('accent-height,accumulate,additive,alphabetic,arabic-form,ascent,' + 230 | 'attributeName,attributeType,baseProfile,bbox,begin,by,calcMode,cap-height,class,color,' + 231 | 'color-rendering,content,cx,cy,d,dx,dy,descent,display,dur,end,fill,fill-rule,font-family,' + 232 | 'font-size,font-stretch,font-style,font-variant,font-weight,from,fx,fy,g1,g2,glyph-name,' + 233 | 'gradientUnits,hanging,height,horiz-adv-x,horiz-origin-x,ideographic,k,keyPoints,' + 234 | 'keySplines,keyTimes,lang,marker-end,marker-mid,marker-start,markerHeight,markerUnits,' + 235 | 'markerWidth,mathematical,max,min,offset,opacity,orient,origin,overline-position,' + 236 | 'overline-thickness,panose-1,path,pathLength,points,preserveAspectRatio,r,refX,refY,' + 237 | 'repeatCount,repeatDur,requiredExtensions,requiredFeatures,restart,rotate,rx,ry,slope,stemh,' + 238 | 'stemv,stop-color,stop-opacity,strikethrough-position,strikethrough-thickness,stroke,' + 239 | 'stroke-dasharray,stroke-dashoffset,stroke-linecap,stroke-linejoin,stroke-miterlimit,' + 240 | 'stroke-opacity,stroke-width,systemLanguage,target,text-anchor,to,transform,type,u1,u2,' + 241 | 'underline-position,underline-thickness,unicode,unicode-range,units-per-em,values,version,' + 242 | 'viewBox,visibility,width,widths,x,x-height,x1,x2,xlink:actuate,xlink:arcrole,xlink:role,' + 243 | 'xlink:show,xlink:title,xlink:type,xml:base,xml:lang,xml:space,xmlns,xmlns:xlink,y,y1,y2,' + 244 | 'zoomAndPan'); 245 | 246 | var validAttrs = angular.extend({}, 247 | uriAttrs, 248 | svgAttrs, 249 | htmlAttrs); 250 | 251 | function makeMap(str) { 252 | var obj = {}, items = str.split(','), i; 253 | for (i = 0; i < items.length; i++) obj[items[i]] = true; 254 | return obj; 255 | } 256 | 257 | 258 | /** 259 | * @example 260 | * htmlParser(htmlString, { 261 | * start: function(tag, attrs, unary) {}, 262 | * end: function(tag) {}, 263 | * chars: function(text) {}, 264 | * comment: function(text) {} 265 | * }); 266 | * 267 | * @param {string} html string 268 | * @param {object} handler 269 | */ 270 | function htmlParser(html, handler) { 271 | if (typeof html !== 'string') { 272 | if (html === null || typeof html === 'undefined') { 273 | html = ''; 274 | } else { 275 | html = '' + html; 276 | } 277 | } 278 | var index, chars, match, stack = [], last = html, text; 279 | stack.last = function() { return stack[ stack.length - 1 ]; }; 280 | 281 | while (html) { 282 | text = ''; 283 | chars = true; 284 | 285 | // Make sure we're not in a script or style element 286 | if (!stack.last() || !specialElements[ stack.last() ]) { 287 | 288 | // Comment 289 | if (html.indexOf("", index) === index) { 294 | if (handler.comment) handler.comment(html.substring(4, index)); 295 | html = html.substring(index + 3); 296 | chars = false; 297 | } 298 | // DOCTYPE 299 | } else if (DOCTYPE_REGEXP.test(html)) { 300 | match = html.match(DOCTYPE_REGEXP); 301 | 302 | if (match) { 303 | html = html.replace(match[0], ''); 304 | chars = false; 305 | } 306 | // end tag 307 | } else if (BEGING_END_TAGE_REGEXP.test(html)) { 308 | match = html.match(END_TAG_REGEXP); 309 | 310 | if (match) { 311 | html = html.substring(match[0].length); 312 | match[0].replace(END_TAG_REGEXP, parseEndTag); 313 | chars = false; 314 | } 315 | 316 | // start tag 317 | } else if (BEGIN_TAG_REGEXP.test(html)) { 318 | match = html.match(START_TAG_REGEXP); 319 | 320 | if (match) { 321 | // We only have a valid start-tag if there is a '>'. 322 | if (match[4]) { 323 | html = html.substring(match[0].length); 324 | match[0].replace(START_TAG_REGEXP, parseStartTag); 325 | } 326 | chars = false; 327 | } else { 328 | // no ending tag found --- this piece should be encoded as an entity. 329 | text += '<'; 330 | html = html.substring(1); 331 | } 332 | } 333 | 334 | if (chars) { 335 | index = html.indexOf("<"); 336 | 337 | text += index < 0 ? html : html.substring(0, index); 338 | html = index < 0 ? "" : html.substring(index); 339 | 340 | if (handler.chars) handler.chars(decodeEntities(text)); 341 | } 342 | 343 | } else { 344 | html = html.replace(new RegExp("(.*)<\\s*\\/\\s*" + stack.last() + "[^>]*>", 'i'), 345 | function(all, text) { 346 | text = text.replace(COMMENT_REGEXP, "$1").replace(CDATA_REGEXP, "$1"); 347 | 348 | if (handler.chars) handler.chars(decodeEntities(text)); 349 | 350 | return ""; 351 | }); 352 | 353 | parseEndTag("", stack.last()); 354 | } 355 | 356 | if (html == last) { 357 | throw $sanitizeMinErr('badparse', "The sanitizer was unable to parse the following block " + 358 | "of html: {0}", html); 359 | } 360 | last = html; 361 | } 362 | 363 | // Clean up any remaining tags 364 | parseEndTag(); 365 | 366 | function parseStartTag(tag, tagName, rest, unary) { 367 | tagName = angular.lowercase(tagName); 368 | if (blockElements[ tagName ]) { 369 | while (stack.last() && inlineElements[ stack.last() ]) { 370 | parseEndTag("", stack.last()); 371 | } 372 | } 373 | 374 | if (optionalEndTagElements[ tagName ] && stack.last() == tagName) { 375 | parseEndTag("", tagName); 376 | } 377 | 378 | unary = voidElements[ tagName ] || !!unary; 379 | 380 | if (!unary) 381 | stack.push(tagName); 382 | 383 | var attrs = {}; 384 | 385 | rest.replace(ATTR_REGEXP, 386 | function(match, name, doubleQuotedValue, singleQuotedValue, unquotedValue) { 387 | var value = doubleQuotedValue 388 | || singleQuotedValue 389 | || unquotedValue 390 | || ''; 391 | 392 | attrs[name] = decodeEntities(value); 393 | }); 394 | if (handler.start) handler.start(tagName, attrs, unary); 395 | } 396 | 397 | function parseEndTag(tag, tagName) { 398 | var pos = 0, i; 399 | tagName = angular.lowercase(tagName); 400 | if (tagName) 401 | // Find the closest opened tag of the same type 402 | for (pos = stack.length - 1; pos >= 0; pos--) 403 | if (stack[ pos ] == tagName) 404 | break; 405 | 406 | if (pos >= 0) { 407 | // Close all the open elements, up the stack 408 | for (i = stack.length - 1; i >= pos; i--) 409 | if (handler.end) handler.end(stack[ i ]); 410 | 411 | // Remove the open elements from the stack 412 | stack.length = pos; 413 | } 414 | } 415 | } 416 | 417 | var hiddenPre=document.createElement("pre"); 418 | var spaceRe = /^(\s*)([\s\S]*?)(\s*)$/; 419 | /** 420 | * decodes all entities into regular string 421 | * @param value 422 | * @returns {string} A string with decoded entities. 423 | */ 424 | function decodeEntities(value) { 425 | if (!value) { return ''; } 426 | 427 | // Note: IE8 does not preserve spaces at the start/end of innerHTML 428 | // so we must capture them and reattach them afterward 429 | var parts = spaceRe.exec(value); 430 | var spaceBefore = parts[1]; 431 | var spaceAfter = parts[3]; 432 | var content = parts[2]; 433 | if (content) { 434 | hiddenPre.innerHTML=content.replace(//g, '>'); 465 | } 466 | 467 | /** 468 | * create an HTML/XML writer which writes to buffer 469 | * @param {Array} buf use buf.jain('') to get out sanitized html string 470 | * @returns {object} in the form of { 471 | * start: function(tag, attrs, unary) {}, 472 | * end: function(tag) {}, 473 | * chars: function(text) {}, 474 | * comment: function(text) {} 475 | * } 476 | */ 477 | function htmlSanitizeWriter(buf, uriValidator) { 478 | var ignore = false; 479 | var out = angular.bind(buf, buf.push); 480 | return { 481 | start: function(tag, attrs, unary) { 482 | tag = angular.lowercase(tag); 483 | if (!ignore && specialElements[tag]) { 484 | ignore = tag; 485 | } 486 | if (!ignore && validElements[tag] === true) { 487 | out('<'); 488 | out(tag); 489 | angular.forEach(attrs, function(value, key) { 490 | var lkey=angular.lowercase(key); 491 | var isImage = (tag === 'img' && lkey === 'src') || (lkey === 'background'); 492 | if (validAttrs[lkey] === true && 493 | (uriAttrs[lkey] !== true || uriValidator(value, isImage))) { 494 | out(' '); 495 | out(key); 496 | out('="'); 497 | out(encodeEntities(value)); 498 | out('"'); 499 | } 500 | }); 501 | out(unary ? '/>' : '>'); 502 | } 503 | }, 504 | end: function(tag) { 505 | tag = angular.lowercase(tag); 506 | if (!ignore && validElements[tag] === true) { 507 | out(''); 510 | } 511 | if (tag == ignore) { 512 | ignore = false; 513 | } 514 | }, 515 | chars: function(chars) { 516 | if (!ignore) { 517 | out(encodeEntities(chars)); 518 | } 519 | } 520 | }; 521 | } 522 | 523 | 524 | // define ngSanitize module and register $sanitize service 525 | angular.module('ngSanitize', []).provider('$sanitize', $SanitizeProvider); 526 | 527 | /* global sanitizeText: false */ 528 | 529 | /** 530 | * @ngdoc filter 531 | * @name linky 532 | * @kind function 533 | * 534 | * @description 535 | * Finds links in text input and turns them into html links. Supports http/https/ftp/mailto and 536 | * plain email address links. 537 | * 538 | * Requires the {@link ngSanitize `ngSanitize`} module to be installed. 539 | * 540 | * @param {string} text Input text. 541 | * @param {string} target Window (_blank|_self|_parent|_top) or named frame to open links in. 542 | * @returns {string} Html-linkified text. 543 | * 544 | * @usage 545 | 546 | * 547 | * @example 548 | 549 | 550 | 562 |
563 | Snippet: 564 | 565 | 566 | 567 | 568 | 569 | 570 | 571 | 572 | 575 | 578 | 579 | 580 | 581 | 584 | 587 | 588 | 589 | 590 | 591 | 592 | 593 |
FilterSourceRendered
linky filter 573 |
<div ng-bind-html="snippet | linky">
</div>
574 |
576 |
577 |
linky target 582 |
<div ng-bind-html="snippetWithTarget | linky:'_blank'">
</div>
583 |
585 |
586 |
no filter
<div ng-bind="snippet">
</div>
594 | 595 | 596 | it('should linkify the snippet with urls', function() { 597 | expect(element(by.id('linky-filter')).element(by.binding('snippet | linky')).getText()). 598 | toBe('Pretty text with some links: http://angularjs.org/, us@somewhere.org, ' + 599 | 'another@somewhere.org, and one more: ftp://127.0.0.1/.'); 600 | expect(element.all(by.css('#linky-filter a')).count()).toEqual(4); 601 | }); 602 | 603 | it('should not linkify snippet without the linky filter', function() { 604 | expect(element(by.id('escaped-html')).element(by.binding('snippet')).getText()). 605 | toBe('Pretty text with some links: http://angularjs.org/, mailto:us@somewhere.org, ' + 606 | 'another@somewhere.org, and one more: ftp://127.0.0.1/.'); 607 | expect(element.all(by.css('#escaped-html a')).count()).toEqual(0); 608 | }); 609 | 610 | it('should update', function() { 611 | element(by.model('snippet')).clear(); 612 | element(by.model('snippet')).sendKeys('new http://link.'); 613 | expect(element(by.id('linky-filter')).element(by.binding('snippet | linky')).getText()). 614 | toBe('new http://link.'); 615 | expect(element.all(by.css('#linky-filter a')).count()).toEqual(1); 616 | expect(element(by.id('escaped-html')).element(by.binding('snippet')).getText()) 617 | .toBe('new http://link.'); 618 | }); 619 | 620 | it('should work with the target property', function() { 621 | expect(element(by.id('linky-target')). 622 | element(by.binding("snippetWithTarget | linky:'_blank'")).getText()). 623 | toBe('http://angularjs.org/'); 624 | expect(element(by.css('#linky-target a')).getAttribute('target')).toEqual('_blank'); 625 | }); 626 | 627 | 628 | */ 629 | angular.module('ngSanitize').filter('linky', ['$sanitize', function($sanitize) { 630 | var LINKY_URL_REGEXP = 631 | /((ftp|https?):\/\/|(mailto:)?[A-Za-z0-9._%+-]+@)\S*[^\s.;,(){}<>"]/, 632 | MAILTO_REGEXP = /^mailto:/; 633 | 634 | return function(text, target) { 635 | if (!text) return text; 636 | var match; 637 | var raw = text; 638 | var html = []; 639 | var url; 640 | var i; 641 | while ((match = raw.match(LINKY_URL_REGEXP))) { 642 | // We can not end in these as they are sometimes found at the end of the sentence 643 | url = match[0]; 644 | // if we did not match ftp/http/mailto then assume mailto 645 | if (match[2] == match[3]) url = 'mailto:' + url; 646 | i = match.index; 647 | addText(raw.substr(0, i)); 648 | addLink(url, match[0].replace(MAILTO_REGEXP, '')); 649 | raw = raw.substring(i + match[0].length); 650 | } 651 | addText(raw); 652 | return $sanitize(html.join('')); 653 | 654 | function addText(text) { 655 | if (!text) { 656 | return; 657 | } 658 | html.push(sanitizeText(text)); 659 | } 660 | 661 | function addLink(url, text) { 662 | html.push(''); 671 | addText(text); 672 | html.push(''); 673 | } 674 | }; 675 | }]); 676 | 677 | 678 | })(window, window.angular); 679 | --------------------------------------------------------------------------------