jsGridLightweight Grid jQuery Plugin
jsGrid
lightweight client-side data grid control based on jQuery. It supports basic grid operations like inserting, filtering, editing, deleting, paging and sorting. jsGrid is flexible and allows to customize appearance and components.
Static Data
Simple grid with static data. Provide an array to option data in config.
| Name | Age | Address | Country | Is Married |
|---|
| Otto Clay | 61 | Ap #897-1459 Quam Avenue | China | |
| Connor Johnston | 73 | Ap #370-4647 Dis Av. | Russia | |
| Lacey Hess | 29 | Ap #365-8835 Integer St. | Russia | |
| Timothy Henson | 78 | 911-5143 Luctus Ave | United States | |
| Ramona Benton | 43 | Ap #614-689 Vehicula Street | Brazil | |
| Ezra Tillman | 51 | P.O. Box 738, 7583 Quisque St. | United States | |
| Dante Carter | 59 | P.O. Box 976, 6316 Lorem, St. | United States | |
| Christopher Mcclure | 58 | 847-4303 Dictum Av. | United States | |
| Ruby Rocha | 62 | 5212 Sagittis Ave | Canada | |
| Imelda Hardin | 39 | 719-7009 Auctor Av. | Brazil | |
| Jonah Johns | 28 | P.O. Box 939, 9310 A Ave | Brazil | |
| Herman Rosa | 49 | 718-7162 Molestie Av. | Russia | |
| Arthur Gay | 20 | 5497 Neque Street | Russia | |
| Xena Wilkerson | 63 | Ap #303-6974 Proin Street | United States | |
| Lilah Atkins | 33 | 622-8602 Gravida Ave | Brazil | |
| Malik Shepard | 59 | 967-5176 Tincidunt Av. | United States | |
| Keely Silva | 24 | P.O. Box 153, 8995 Praesent Ave | United States | |
| Hunter Pate | 73 | P.O. Box 771, 7599 Ante, Road | Russia | |
| Mikayla Roach | 55 | Ap #438-9886 Donec Rd. | Brazil | |
| Upton Joseph | 48 | Ap #896-7592 Habitant St. | France |
Basic Scenario
Grid with filtering, editing, inserting, deleting, sorting and paging. Data provided by controller. Read about controller interface in the docs.
| Name | Age | Address | Country | Is Married | |
|---|---|---|---|---|---|
▼
|
| Otto Clay | 61 | Ap #897-1459 Quam Avenue | China | ||
| Connor Johnston | 73 | Ap #370-4647 Dis Av. | Russia | ||
| Lacey Hess | 29 | Ap #365-8835 Integer St. | Russia | ||
| Timothy Henson | 78 | 911-5143 Luctus Ave | United States | ||
| Ramona Benton | 43 | Ap #614-689 Vehicula Street | Brazil | ||
| Ezra Tillman | 51 | P.O. Box 738, 7583 Quisque St. | United States | ||
| Dante Carter | 59 | P.O. Box 976, 6316 Lorem, St. | United States | ||
| Christopher Mcclure | 58 | 847-4303 Dictum Av. | United States | ||
| Ruby Rocha | 62 | 5212 Sagittis Ave | Canada | ||
| Imelda Hardin | 39 | 719-7009 Auctor Av. | Brazil | ||
| Jonah Johns | 28 | P.O. Box 939, 9310 A Ave | Brazil | ||
| Herman Rosa | 49 | 718-7162 Molestie Av. | Russia | ||
| Arthur Gay | 20 | 5497 Neque Street | Russia | ||
| Xena Wilkerson | 63 | Ap #303-6974 Proin Street | United States | ||
| Lilah Atkins | 33 | 622-8602 Gravida Ave | Brazil |
OData Service
Controller loadData method requests data from OData service with ajax. Any asynchronous source could be used instead. Just return jQuery.promise from controller method. Field option itemTemplate allows to render any custom cell content, just return your markup as string, DOM Node or jQuery Element.
| Name | Description | Rating | Price |
|---|
| Not found |
Sorting
Sorting can be done not only with column header interaction, but also with sort method.
| Name | Age | Address | Country | Is Married |
|---|
| Otto Clay | 61 | Ap #897-1459 Quam Avenue | China | |
| Connor Johnston | 73 | Ap #370-4647 Dis Av. | Russia | |
| Lacey Hess | 29 | Ap #365-8835 Integer St. | Russia | |
| Timothy Henson | 78 | 911-5143 Luctus Ave | United States | |
| Ramona Benton | 43 | Ap #614-689 Vehicula Street | Brazil | |
| Ezra Tillman | 51 | P.O. Box 738, 7583 Quisque St. | United States | |
| Dante Carter | 59 | P.O. Box 976, 6316 Lorem, St. | United States | |
| Christopher Mcclure | 58 | 847-4303 Dictum Av. | United States | |
| Ruby Rocha | 62 | 5212 Sagittis Ave | Canada | |
| Imelda Hardin | 39 | 719-7009 Auctor Av. | Brazil | |
| Jonah Johns | 28 | P.O. Box 939, 9310 A Ave | Brazil | |
| Herman Rosa | 49 | 718-7162 Molestie Av. | Russia | |
| Arthur Gay | 20 | 5497 Neque Street | Russia | |
| Xena Wilkerson | 63 | Ap #303-6974 Proin Street | United States | |
| Lilah Atkins | 33 | 622-8602 Gravida Ave | Brazil | |
| Malik Shepard | 59 | 967-5176 Tincidunt Av. | United States | |
| Keely Silva | 24 | P.O. Box 153, 8995 Praesent Ave | United States | |
| Hunter Pate | 73 | P.O. Box 771, 7599 Ante, Road | Russia | |
| Mikayla Roach | 55 | Ap #438-9886 Donec Rd. | Brazil | |
| Upton Joseph | 48 | Ap #896-7592 Habitant St. | France | |
| Jeanette Pate | 59 | P.O. Box 177, 7584 Amet, St. | Canada | |
| Kaden Hernandez | 79 | 366 Ut St. | United Kingdom | |
| Kenyon Stevens | 20 | P.O. Box 704, 4580 Gravida Rd. | United Kingdom | |
| Jerome Harper | 31 | 2464 Porttitor Road | Brazil | |
| Jelani Patel | 36 | P.O. Box 541, 5805 Nec Av. | Canada | |
| Keaton Oconnor | 21 | Ap #657-1093 Nec, Street | United States | |
| Bree Johnston | 31 | 372-5942 Vulputate Avenue | Canada | |
| Maisie Hodges | 70 | P.O. Box 445, 3880 Odio, Rd. | Russia | |
| Kuame Calhoun | 39 | P.O. Box 609, 4105 Rutrum St. | Canada | |
| Carlos Cameron | 38 | Ap #215-5386 A, Avenue | Brazil | |
| Fulton Parsons | 25 | P.O. Box 523, 3705 Sed Rd. | Russia | |
| Wallace Christian | 43 | 416-8816 Mauris Avenue | United Kingdom | |
| Caryn Maldonado | 40 | 108-282 Nonummy Ave | United States | |
| Whilemina Frank | 20 | P.O. Box 681, 3938 Egestas. Av. | Russia | |
| Emery Moon | 41 | Ap #717-8556 Non Road | France | |
| Price Watkins | 35 | 832-7810 Nunc Rd. | France | |
| Lydia Castillo | 59 | 5280 Placerat, Ave | Russia | |
| Lawrence Conway | 53 | Ap #452-2808 Imperdiet St. | United States | |
| Kalia Nicholson | 67 | P.O. Box 871, 3023 Tellus Road | Brazil | |
| Brielle Baxter | 45 | Ap #822-9526 Ut, Road | United Kingdom | |
| Valentine Brady | 72 | 8014 Enim. Road | Russia | |
| Rebecca Gardner | 57 | 8655 Arcu. Road | France | |
| Vladimir Tate | 26 | 130-1291 Non, Rd. | United States | |
| Vernon Hays | 56 | 964-5552 In Rd. | France | |
| Allegra Hull | 22 | 245-8891 Donec St. | France | |
| Hu Hendrix | 65 | 428-5404 Tempus Ave | Russia | |
| Kenyon Battle | 32 | 921-6804 Lectus St. | Canada | |
| Gloria Nielsen | 24 | Ap #275-4345 Lorem, Street | France | |
| Illiana Kidd | 59 | 7618 Lacus. Av. | Canada | |
| Adria Todd | 68 | 1889 Tincidunt Road | China | |
| Kirsten Mayo | 71 | 100-8640 Orci, Avenue | United States | |
| Willa Hobbs | 60 | P.O. Box 323, 158 Tristique St. | China | |
| Alexis Clements | 69 | P.O. Box 176, 5107 Proin Rd. | Brazil | |
| Akeem Conrad | 60 | 282-495 Sed Ave | Canada | |
| Montana Silva | 79 | P.O. Box 120, 9766 Consectetuer St. | China | |
| Kaseem Hensley | 77 | Ap #510-8903 Mauris. Av. | China | |
| Christopher Morton | 35 | P.O. Box 234, 3651 Sodales Avenue | Brazil | |
| Wade Fernandez | 49 | 740-5059 Dolor. Road | China | |
| Illiana Kirby | 31 | 527-3553 Mi Ave | Canada | |
| Kimberley Hurley | 65 | P.O. Box 637, 9915 Dictum St. | Brazil | |
| Arthur Olsen | 74 | 887-5080 Eget St. | Brazil | |
| Brody Potts | 59 | Ap #577-7690 Sem Road | Canada | |
| Dillon Ford | 60 | Ap #885-9289 A, Av. | United States | |
| Hannah Juarez | 61 | 4744 Sapien, Rd. | Canada | |
| Vincent Shaffer | 25 | 9203 Nunc St. | Canada | |
| George Holt | 27 | 4162 Cras Rd. | China | |
| Tobias Bartlett | 74 | 792-6145 Mauris St. | France | |
| Xavier Hooper | 35 | 879-5026 Interdum. Rd. | United States | |
| Declan Dorsey | 31 | Ap #926-4171 Aenean Road | Canada | |
| Clementine Tran | 43 | P.O. Box 176, 9865 Eu Rd. | France | |
| Pamela Moody | 55 | 622-6233 Luctus Rd. | China | |
| Julie Leon | 43 | Ap #915-6782 Sem Av. | China | |
| Shana Nolan | 79 | P.O. Box 603, 899 Eu St. | Brazil | |
| Vaughan Moody | 37 | 880 Erat Rd. | Brazil | |
| Randall Reeves | 44 | 1819 Non Street | United Kingdom | |
| Dominic Raymond | 68 | Ap #689-4874 Nisi Rd. | United States | |
| Lev Pugh | 69 | Ap #433-6844 Auctor Avenue | Brazil | |
| Desiree Hughes | 80 | 605-6645 Fermentum Avenue | France | |
| Idona Oneill | 23 | 751-8148 Aliquam Avenue | Russia | |
| Lani Mayo | 76 | 635-2704 Tristique St. | United States | |
| Cathleen Bonner | 40 | 916-2910 Dolor Av. | United States | |
| Sydney Murray | 44 | 835-2330 Fringilla St. | Brazil | |
| Brenna Rodriguez | 77 | 3687 Imperdiet Av. | China | |
| Alfreda Mcdaniel | 38 | 745-8221 Aliquet Rd. | Russia | |
| Zachery Atkins | 30 | 549-2208 Auctor. Road | United States | |
| Amelia Rich | 56 | P.O. Box 734, 4717 Nunc Rd. | France | |
| Kiayada Witt | 62 | Ap #735-3421 Malesuada Avenue | United Kingdom | |
| Lysandra Pierce | 36 | Ap #146-2835 Curabitur St. | United States | |
| Cara Rios | 58 | Ap #562-7811 Quam. Ave | France | |
| Austin Andrews | 55 | P.O. Box 274, 5505 Sociis Rd. | Russia | |
| Lillian Peterson | 39 | 6212 A Avenue | Canada | |
| Adria Beach | 29 | P.O. Box 183, 2717 Nunc Avenue | Canada | |
| Oleg Durham | 80 | 931-3208 Nunc Rd. | France | |
| Casey Reese | 60 | 383-3675 Ultrices, St. | France | |
| Kane Burnett | 80 | 759-8212 Dolor. Ave | United States | |
| Stewart Wilson | 46 | 718-7845 Sagittis. Av. | Russia | |
| Charity Holcomb | 31 | 641-7892 Enim. Ave | China | |
| Kyra Cummings | 43 | P.O. Box 702, 6621 Mus. Av. | France | |
| Stuart Wallace | 25 | 648-4990 Sed Rd. | Russia | |
| Carter Clarke | 59 | Ap #547-2921 A Street | China |
Loading Data by Page
Grid allows to load data by pages. It helps to reduce data loading time and of course necessary for large data sources.
| Name | Age | Address | Country | Is Married |
|---|
| Malik Shepard | 59 | 967-5176 Tincidunt Av. | United States | |
| Keely Silva | 24 | P.O. Box 153, 8995 Praesent Ave | United States | |
| Hunter Pate | 73 | P.O. Box 771, 7599 Ante, Road | Russia | |
| Mikayla Roach | 55 | Ap #438-9886 Donec Rd. | Brazil | |
| Upton Joseph | 48 | Ap #896-7592 Habitant St. | France | |
| Jeanette Pate | 59 | P.O. Box 177, 7584 Amet, St. | Canada | |
| Kaden Hernandez | 79 | 366 Ut St. | United Kingdom | |
| Kenyon Stevens | 20 | P.O. Box 704, 4580 Gravida Rd. | United Kingdom | |
| Jerome Harper | 31 | 2464 Porttitor Road | Brazil | |
| Jelani Patel | 36 | P.O. Box 541, 5805 Nec Av. | Canada | |
| Keaton Oconnor | 21 | Ap #657-1093 Nec, Street | United States | |
| Bree Johnston | 31 | 372-5942 Vulputate Avenue | Canada | |
| Maisie Hodges | 70 | P.O. Box 445, 3880 Odio, Rd. | Russia | |
| Kuame Calhoun | 39 | P.O. Box 609, 4105 Rutrum St. | Canada | |
| Carlos Cameron | 38 | Ap #215-5386 A, Avenue | Brazil |
Custom View
All components of the grid can be easily configured. Heading, filtering, inserting, editing, sorting, paging and row selection could be switched with a single corresponding boolean option.
| Name | Age | Address | Country | Is Married | |
|---|---|---|---|---|---|
▼
|
| Otto Clay | 61 | Ap #897-1459 Quam Avenue | China | ||
| Connor Johnston | 73 | Ap #370-4647 Dis Av. | Russia | ||
| Lacey Hess | 29 | Ap #365-8835 Integer St. | Russia | ||
| Timothy Henson | 78 | 911-5143 Luctus Ave | United States | ||
| Ramona Benton | 43 | Ap #614-689 Vehicula Street | Brazil | ||
| Ezra Tillman | 51 | P.O. Box 738, 7583 Quisque St. | United States | ||
| Dante Carter | 59 | P.O. Box 976, 6316 Lorem, St. | United States | ||
| Christopher Mcclure | 58 | 847-4303 Dictum Av. | United States | ||
| Ruby Rocha | 62 | 5212 Sagittis Ave | Canada | ||
| Imelda Hardin | 39 | 719-7009 Auctor Av. | Brazil | ||
| Jonah Johns | 28 | P.O. Box 939, 9310 A Ave | Brazil | ||
| Herman Rosa | 49 | 718-7162 Molestie Av. | Russia | ||
| Arthur Gay | 20 | 5497 Neque Street | Russia | ||
| Xena Wilkerson | 63 | Ap #303-6974 Proin Street | United States | ||
| Lilah Atkins | 33 | 622-8602 Gravida Ave | Brazil |
Custom Row Renderer
All components of the grid can be easily configured. Heading, filtering, inserting, editing, sorting, paging and row selection could be switched with a single corresponding boolean option.
| Clients |
|---|
| Not found |