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.

Download Pines Grid

Features

Demos

This table was gridified on $(document).ready() with a toolbar:

Auto Save Save State Load State State saved.

Select Bob Select Parents

Name	E-Mail	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.

Try out a selector.Nothing selected.

Name	E-Mail
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

Gridify this table with default options.

$('#test2').pgrid();

Name	E-Mail	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.

Gridify this table with custom options and disabled features.

Name	E-Mail	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.

Insert rows. Make a table. Gridify and time it. Add rows and time it.

Installation

Installation is simple. Include jQuery 1.4 (or higher) and jQuery UI (only the CSS is required). Then include the following files:

Download Pines Grid