zzGrid: Javascript Grid

zzGrid is a Javascript grid control with continuous scroll (see online demo), it is an extension to the popular jQuery library, and is a jQuery UI widget. Your users do not have to click on distinct page numbers or forth and back buttons to see another portion of data, data is loaded from a server upon need in a natural way via AJAX.
javascript grid, jquery grid, dhtml grid
  • Loads data upon scrolling, user does not have to navigate by page
  • Can sort data by column
  • Can render checkboxes for multiple row processing (configurable)
  • Can render line numbers (configurable)
  • Can display icons or text in the columns (you can have multiple columns with icons)
  • Can reload data (see how by club filtering works in the online demo)
  • Handles onclick and ondblclick for rows and cells (click on the magnifier icon in the online demo)
  • Uses jQueryUI CSS framework, so the component shares the same style with other jQueryUI widgets
  • All labels are customizable, you can translate them to another language
All required libraries come bundled with zzGrid, you will not have to scout around the internet for dependencies. zzGrid is small, its own size is around 12KB (not counting jQuery files that it depends on) or 136KB (with jQueryUI and jQuery dependancies and CSS files). It uses the jQuery UI framework, which means that you can easily change the looks of your grid, installing another theme from jQuery UI website. They have lots of themes, plus you can roll your own.
zzGrid loads data from server via AJAX using the JSON format. The library comes with a server-side example script implemented in PHP. You can also use other server-side languages like ASP, Python, Java, Perl, etc, as well as different data sources like various SQL databases and so on.
zzGrid is compatible with Internet Explorer 7+, Firefox 3+, Chrome. It should be also compatible with other webbrowsers, especially those which share the same browser engine with the tested browsers (such as Safari) and with newer versions of the mentioned browsers. It may be compatible with older versions too, but was not tested with them.

Licensing, putting on your website or intranet

The price includes right to use the control on any number of websites that belong to the buyer.
If you want to use zzGrid on a business website, on any intranet or in any software with HTML interface, you need to buy a license for commercial use. Then you need to edit jquery.ui.zzgrid.min.js, replacing the word evaluation in the following comment at the top of the file by your order number: /* License: evaluation */, so it looks like /* License: yourOrderNumber */, you need to replace yourOrderNumber by your real order number.
zzGrid is free for non-commercial use (only for websites; no intranets or software), see the license.txt file to find out if you are eligible for a free license. If you are, then you need to edit jquery.ui.zzgrid.min.js, replacing the word evaluation in the following comment at the top of the file by your non-commercial website name: /* License: evaluation */, so it looks like /* License: free for www.example.org */, you need to replace www.example.org by your real website name.
The deployed file jquery.ui.zzgrid.min.js must have either your order number or "free for ..." comment at its top.

Requirements

zzGrid depends on jQuery UI. At the time of this writing, version 1.7.2 of jQuery UI has been tested with zzGrid.
For the server side you need to be able to create a script to return data in JSON format.

Get started

Download the zip file (download link is on the left), unpack it and open help.html file which contains all needed installation instructions. The zip file contains the library, needed dependancies, samples and documentation. If you like the result, order your copy, of if you are eligible for a free license, you can use it for free. If you need support, please see the forum first, and if there are still problems, contact support.
© 1999-2012 ZZEE, Terms of use

Links | Javascript Grid | Directory Tree | Compile PHP Code | Dir Print | Print Folder Contents | Folder Tree | HTML Table of Contents | Fertility Calendar and Fertility Calculator | Install PHP | Directory Print | Tree Directory | Windows PHP | Javascript Menu | PHP GUI | Folder List | HTML Exe Compiler | PHP Installation | PHP Software | Script Menu Builder | HTML MP3 Playlist | Directory List | PHP Exe | DHTML Directory Menu | Print Directory | PHP Encoder | jQuery Grid | HTML Executable | Script Windows | Print Directory Tree | HTML Folder Index | Print File Listing | DHTML Menu Library | Directory Listings | Print File Directory | Javascript/DHTML Menu/Tree/Map | Folder printer | PHP2exe Converter | Print Folder | Javascript Folder Menus | Web MP3 Listing | Directory Printer | Ovulation Calendar and Ovulation Calculator | PHP Compiler | Web Grid Component | PHP to Exe Compiler and Converter | File Tree | PHP for Windows | Collapsible Menu Tree | HTML Folder List | Print Directory Listing | AJAX Data Grid

Partner websites: Ovulation calculator | EMS Continuing Education | Firefighter Continuing Education