Pines Grid is a JavaScript data grid plugin for the jQuery JavaScript library, developed by Hunter Perrin as part of Pines. It is designed to provide maximum flexibility, while still being easy to use and easy to implement. Try out different themes using the selector in the top right corner of this page. Pines Grid is distributed under the GPL, LGPL, and MPL. This triple copyleft licensing model avoids incompatibility with other open source licenses.
This is the development site. It is a showcase of bleeding edge features and code that may work only partially or not at all. If you are looking for a stable version, please visit the main site.
This is the stable site. You can download code here that's tested and proven to work. However, if you like to live dangerously, you can also check out the development site.
This table was gridified on $(document).ready() with a toolbar:
State saved.
Name | Occupation | Salary | Number | Description | |
---|---|---|---|---|---|
Bob | bob@example.com | Builder | $25,000.00 | 1 | Mauris eget dolor arcu, in aliquet eros. |
Joe | joe@example.com | Wrecker | $20,000.00 | 2 | Etiam ultrices vulputate venenatis. |
Steve | steve@example.com | Baker | $23,000.00 | 3 | Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. |
Jane | jane@example.com | Mailman | $23,000.00 | 4 | Nunc ut urna ac neque malesuada tempus sit amet at felis. Nulla facilisi. Nullam varius ornare lacus id vestibulum. |
Willie | willie@example.com | Retired | $0.00 | 5 | Pellentesque ornare tellus nulla, quis rhoncus lorem. |
Bobo | bobo@example.com | Salesman | $40,000.00 | 7 | Duis ut augue tellus. Fusce nisl nulla, blandit vel rutrum vel, commodo quis felis. |
Chris | chris@example.com | Student | $0.00 | 10 | Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque iaculis pharetra turpis. |
Steph | steph@example.com | Student | $0.00 | 11 | Sed suscipit quam ut arcu iaculis pretium. |
Karen | karen@example.com | Singer | $30,000.00 | 9 | Nam et sem quam, eu iaculis risus. |
Arnold | arnold@example.com | Governor | $60,000.00 | 6 | Nulla at orci leo, id egestas felis. |
Bach | bach@example.com | I'll be | $18,000.00 | 8 | In enim lectus, tincidunt quis dapibus nec, feugiat ac enim. |
James | james@example.com | Teacher | $33,000.00 | 12 | Mauris ac odio mauris. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. |
Billy | billy@example.com | Judge | $28,000.01 | 13 | Nullam gravida velit sed leo viverra venenatis. Morbi vulputate nibh dui. Sed tincidunt ligula nulla, sit amet adipiscing quam. |
Rick | rick@example.com | Sheriff | $28,000.00 | 14 | Nam dolor nisl, accumsan a cursus et, blandit ac dolor. Morbi dui ligula, pulvinar nec malesuada id, blandit et eros. Pellentesque ut elit nulla, a ultricies tellus. |
Josh | josh@example.com | Shopkeep | $19,000.00 | 15 | Morbi dictum velit vitae est ornare at lobortis nunc venenatis. Pellentesque non neque eget dui volutpat varius et non nibh. |
Buck | buck@example.com | Pilot | $26,000.00 | 16 | Vestibulum fringilla cursus nulla, vitae euismod nulla laoreet non. Sed tincidunt facilisis hendrerit. Nulla facilisi. Aliquam laoreet vestibulum tempus. |
Jason | jason@example.com | King | $70,000.00 | 17 | Ut faucibus gravida mauris, in auctor elit gravida sit amet. |
Geoffrey | geoffrey@example.com | Undertaker | $19,000.00 | 18 | Proin a mi vulputate arcu ultricies sodales. Aliquam nec turpis lacus, ac lobortis nunc. In leo justo, varius non dignissim in, pellentesque non velit. |
Nate | nate@example.com | Worker | $17,000.00 | 19 | Sed id turpis ante. Mauris ac massa dui. Fusce consectetur magna quis dui mattis in fermentum sem commodo. Quisque semper pellentesque dictum. |
Alex | alex@example.com | Fisherman | $18,000.00 | 20 | Donec sed sem vitae urna commodo porttitor ut sit amet neque. Cras massa lectus, fringilla id varius in, mollis vel tellus. Quisque mollis neque vel metus laoreet pellentesque. Praesent ornare cursus convallis. |
Barbara | barbara@example.com | Engineer | $38,000.00 | 21 | Nunc ut lectus diam. Duis feugiat nulla quis metus sagittis in semper libero tincidunt. Vivamus pulvinar suscipit sagittis. |
Gerald | gerald@example.com | Librarian | $18,000.00 | 22 | Nullam volutpat mi vitae velit luctus ultrices vel in felis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. |
Janet | janet@example.com | Machine Setter | $20,000.00 | 23 | Cras nisi velit, gravida quis lacinia ut, condimentum vitae ligula. Quisque id quam vitae massa aliquam suscipit euismod ac metus. |
Eric | eric@example.com | Groomer | $18,000.00 | 24 | Curabitur blandit ornare turpis, nec consequat nisi suscipit in. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. |
Daniel | daniel@example.com | Flight Service Specialist | $32,000.00 | 25 | Aenean neque quam, mollis vitae rhoncus non, sollicitudin vel quam. Donec lectus arcu, viverra eget tristique sed, venenatis id sem. |
Name | |
---|---|
Bob | bob@example.com |
Joe | joe@example.com |
Steve | steve@example.com |
Jane | jane@example.com |
Willie | willie@example.com |
Bobo | bobo@example.com |
Chris | chris@example.com |
Steph | steph@example.com |
Karen | karen@example.com |
Arnold | arnold@example.com |
Bach | bach@example.com |
James | james@example.com |
Billy | billy@example.com |
Rick | rick@example.com |
Josh | josh@example.com |
Buck | buck@example.com |
Jason | jason@example.com |
Geoffrey | geoffrey@example.com |
Nate | nate@example.com |
Name | |
---|---|
Bob | bob@example.com |
Joe | joe@example.com |
Steve | steve@example.com |
Jane | jane@example.com |
Willie | willie@example.com |
Bobo | bobo@example.com |
Chris | chris@example.com |
Steph | steph@example.com |
Karen | karen@example.com |
Arnold | arnold@example.com |
Bach | bach@example.com |
James | james@example.com |
Billy | billy@example.com |
Rick | rick@example.com |
Josh | josh@example.com |
Buck | buck@example.com |
Jason | jason@example.com |
Name | |
---|---|
Geoffrey | geoffrey@example.com |
Nate | nate@example.com |
$('#test2').pgrid();
Name | Occupation | Salary | Number | Description | |
---|---|---|---|---|---|
Bob | bob@example.com | Builder | $25,000.00 | 1 | Mauris eget dolor arcu, in aliquet eros. |
Joe | joe@example.com | Wrecker | $20,000.00 | 2 | Etiam ultrices vulputate venenatis. |
Steve | steve@example.com | Baker | $23,000.00 | 3 | Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. |
Jane | jane@example.com | Mailman | $23,000.00 | 4 | Nunc ut urna ac neque malesuada tempus sit amet at felis. Nulla facilisi. Nullam varius ornare lacus id vestibulum. |
Willie | willie@example.com | Retired | $0.00 | 5 | Pellentesque ornare tellus nulla, quis rhoncus lorem. |
Bobo | bobo@example.com | Salesman | $40,000.00 | 7 | Duis ut augue tellus. Fusce nisl nulla, blandit vel rutrum vel, commodo quis felis. |
Chris | chris@example.com | Student | $0.00 | 10 | Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque iaculis pharetra turpis. |
Steph | steph@example.com | Student | $0.00 | 11 | Sed suscipit quam ut arcu iaculis pretium. |
Karen | karen@example.com | Singer | $30,000.00 | 9 | Nam et sem quam, eu iaculis risus. |
Arnold | arnold@example.com | Governor | $60,000.00 | 6 | Nulla at orci leo, id egestas felis. |
Bach | bach@example.com | I'll be | $18,000.00 | 8 | In enim lectus, tincidunt quis dapibus nec, feugiat ac enim. |
James | james@example.com | Teacher | $33,000.00 | 12 | Mauris ac odio mauris. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. |
Billy | billy@example.com | Judge | $28,000.01 | 13 | Nullam gravida velit sed leo viverra venenatis. Morbi vulputate nibh dui. Sed tincidunt ligula nulla, sit amet adipiscing quam. |
Rick | rick@example.com | Sheriff | $28,000.00 | 14 | Nam dolor nisl, accumsan a cursus et, blandit ac dolor. Morbi dui ligula, pulvinar nec malesuada id, blandit et eros. Pellentesque ut elit nulla, a ultricies tellus. |
Josh | josh@example.com | Shopkeep | $19,000.00 | 15 | Morbi dictum velit vitae est ornare at lobortis nunc venenatis. Pellentesque non neque eget dui volutpat varius et non nibh. |
Buck | buck@example.com | Pilot | $26,000.00 | 16 | Vestibulum fringilla cursus nulla, vitae euismod nulla laoreet non. Sed tincidunt facilisis hendrerit. Nulla facilisi. Aliquam laoreet vestibulum tempus. |
Jason | jason@example.com | King | $70,000.00 | 17 | Ut faucibus gravida mauris, in auctor elit gravida sit amet. |
Geoffrey | geoffrey@example.com | Undertaker | $19,000.00 | 18 | Proin a mi vulputate arcu ultricies sodales. Aliquam nec turpis lacus, ac lobortis nunc. In leo justo, varius non dignissim in, pellentesque non velit. |
Nate | nate@example.com | Worker | $17,000.00 | 19 | Sed id turpis ante. Mauris ac massa dui. Fusce consectetur magna quis dui mattis in fermentum sem commodo. Quisque semper pellentesque dictum. |
Alex | alex@example.com | Fisherman | $18,000.00 | 20 | Donec sed sem vitae urna commodo porttitor ut sit amet neque. Cras massa lectus, fringilla id varius in, mollis vel tellus. Quisque mollis neque vel metus laoreet pellentesque. Praesent ornare cursus convallis. |
Barbara | barbara@example.com | Engineer | $38,000.00 | 21 | Nunc ut lectus diam. Duis feugiat nulla quis metus sagittis in semper libero tincidunt. Vivamus pulvinar suscipit sagittis. |
Gerald | gerald@example.com | Librarian | $18,000.00 | 22 | Nullam volutpat mi vitae velit luctus ultrices vel in felis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. |
Janet | janet@example.com | Machine Setter | $20,000.00 | 23 | Cras nisi velit, gravida quis lacinia ut, condimentum vitae ligula. Quisque id quam vitae massa aliquam suscipit euismod ac metus. |
Eric | eric@example.com | Groomer | $18,000.00 | 24 | Curabitur blandit ornare turpis, nec consequat nisi suscipit in. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. |
Daniel | daniel@example.com | Flight Service Specialist | $32,000.00 | 25 | Aenean neque quam, mollis vitae rhoncus non, sollicitudin vel quam. Donec lectus arcu, viverra eget tristique sed, venenatis id sem. |
Name | Occupation | Salary | Number | Description | |
---|---|---|---|---|---|
Bob | bob@example.com | Builder | $25,000.00 | 1 | Mauris eget dolor arcu, in aliquet eros. |
Joe | joe@example.com | Wrecker | $20,000.00 | 2 | Etiam ultrices vulputate venenatis. |
Steve | steve@example.com | Baker | $23,000.00 | 3 | Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. |
Jane | jane@example.com | Mailman | $23,000.00 | 4 | Nunc ut urna ac neque malesuada tempus sit amet at felis. Nulla facilisi. Nullam varius ornare lacus id vestibulum. |
Willie | willie@example.com | Retired | $0.00 | 5 | Pellentesque ornare tellus nulla, quis rhoncus lorem. |
Bobo | bobo@example.com | Salesman | $40,000.00 | 7 | Duis ut augue tellus. Fusce nisl nulla, blandit vel rutrum vel, commodo quis felis. |
Chris | chris@example.com | Student | $0.00 | 10 | Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque iaculis pharetra turpis. |
Steph | steph@example.com | Student | $0.00 | 11 | Sed suscipit quam ut arcu iaculis pretium. |
Karen | karen@example.com | Singer | $30,000.00 | 9 | Nam et sem quam, eu iaculis risus. |
Arnold | arnold@example.com | Governor | $60,000.00 | 6 | Nulla at orci leo, id egestas felis. |
Bach | bach@example.com | I'll be | $18,000.00 | 8 | In enim lectus, tincidunt quis dapibus nec, feugiat ac enim. |
James | james@example.com | Teacher | $33,000.00 | 12 | Mauris ac odio mauris. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. |
Billy | billy@example.com | Judge | $28,000.01 | 13 | Nullam gravida velit sed leo viverra venenatis. Morbi vulputate nibh dui. Sed tincidunt ligula nulla, sit amet adipiscing quam. |
Rick | rick@example.com | Sheriff | $28,000.00 | 14 | Nam dolor nisl, accumsan a cursus et, blandit ac dolor. Morbi dui ligula, pulvinar nec malesuada id, blandit et eros. Pellentesque ut elit nulla, a ultricies tellus. |
Josh | josh@example.com | Shopkeep | $19,000.00 | 15 | Morbi dictum velit vitae est ornare at lobortis nunc venenatis. Pellentesque non neque eget dui volutpat varius et non nibh. |
Buck | buck@example.com | Pilot | $26,000.00 | 16 | Vestibulum fringilla cursus nulla, vitae euismod nulla laoreet non. Sed tincidunt facilisis hendrerit. Nulla facilisi. Aliquam laoreet vestibulum tempus. |
Jason | jason@example.com | King | $70,000.00 | 17 | Ut faucibus gravida mauris, in auctor elit gravida sit amet. |
Geoffrey | geoffrey@example.com | Undertaker | $19,000.00 | 18 | Proin a mi vulputate arcu ultricies sodales. Aliquam nec turpis lacus, ac lobortis nunc. In leo justo, varius non dignissim in, pellentesque non velit. |
Nate | nate@example.com | Worker | $17,000.00 | 19 | Sed id turpis ante. Mauris ac massa dui. Fusce consectetur magna quis dui mattis in fermentum sem commodo. Quisque semper pellentesque dictum. |
Alex | alex@example.com | Fisherman | $18,000.00 | 20 | Donec sed sem vitae urna commodo porttitor ut sit amet neque. Cras massa lectus, fringilla id varius in, mollis vel tellus. Quisque mollis neque vel metus laoreet pellentesque. Praesent ornare cursus convallis. |
Barbara | barbara@example.com | Engineer | $38,000.00 | 21 | Nunc ut lectus diam. Duis feugiat nulla quis metus sagittis in semper libero tincidunt. Vivamus pulvinar suscipit sagittis. |
Gerald | gerald@example.com | Librarian | $18,000.00 | 22 | Nullam volutpat mi vitae velit luctus ultrices vel in felis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. |
Janet | janet@example.com | Machine Setter | $20,000.00 | 23 | Cras nisi velit, gravida quis lacinia ut, condimentum vitae ligula. Quisque id quam vitae massa aliquam suscipit euismod ac metus. |
Eric | eric@example.com | Groomer | $18,000.00 | 24 | Curabitur blandit ornare turpis, nec consequat nisi suscipit in. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. |
Daniel | daniel@example.com | Flight Service Specialist | $32,000.00 | 25 | Aenean neque quam, mollis vitae rhoncus non, sollicitudin vel quam. Donec lectus arcu, viverra eget tristique sed, venenatis id sem. |
Row | Header 1 | Header 2 | Header 3 | Header 4 | Header 5 | Data |
---|---|---|---|---|---|---|
Installation is simple. Include jQuery 1.4 (or higher) and jQuery UI (only the CSS is required). Then include the following files: