DHTMLX
  
DHTML eXtensions - professional AJAX components for advanced Web UI.

dhtmlxGrid is an Ajax-enabled JavaScript grid control with cutting-edge functionality, powerful data binding, and excellent performance with large datasets. The gridview component is easy-to-use and provides great flexibility due to its rich client-side API. dhtmlxGrid supports different datasources, including XML, JSON, CSV, JS array, and HTML table. Since v1.6 grid data can be loaded from custom XML format.

dhtmlxGrid allows easy implementation of nice looking (managed through css or predefined skins) DHTML tables with rich in-cell editing, fixed multiline headers/footers, resizable, sortable, and draggable columns, built-in filtering, searching, grouping and data validation capabilities. Numerous event handlers let you add necessary interactivity to grid-based interfaces. Smart Rendering technology and built-in paging support allow this data grid to work effectively with huge datasets. Even better performance is reached due to non-liner buffering used in paging functionality (since v1.6).

Live demo

Themes:
DHX Sky Blue
DHX Blue
Modern
Gray
Double-click or [F2] on cell to edit. [Tab] to navigate through cells, [Up/Down] - to navigate through rows
Select multiple rows using [Shift/Ctrl]
Press left mouse button and drag the pointer to create block selection.
Copy block to clipboard (if clipboard operations allowed) with Ctrl+C and paste to another program (MS Excel, Text Editor, etc.).
In filter of Price column use <X to filter values less or >X to filter values greater than X, and X..Y to filter range.

Being 100% client-side solution and loading data dynamically through Ajax callbacks, dhtmlxGrid can be integrated with any server side technology (PHP, JSP, Ruby-on-Rails, ASP, ColdFusion, and others), providing the possibility to save and update data in database automatically in real time without page reload.

dhtmlxGrid supports merged cells, split mode, or frozen columns, and provides the ability to move grid columns easily (using drag-n-drop or script methods) and copy data to clipboard (in CSV format) with further pasting to MS Excel or any other application (try this right now in the above live demo). Extensible architecture of the grid allows you to use custom external component as a cell editor, providing the possibility to enrich grid functionality considerably. For greater flexibility cell editors can be applied on per cell basis.

Since v2.0 dhtmlx components, including dhtmlxGrid, introduce the possibility to be easily organized within a common application interface with the help of dhtmlxLayout. With a new skin, introduced in version 2.5, the components got slick and clean look which can perfectly match the design of any modern website or application.

Licenses

Open Source - GPL allows using Standard Edition of dhtmlxGrid in GPL projects for free.

Commercial License includes dhtmlxGrid Professional Edition and allows you to use it in one project (application) with unlimited number of copies. According to this license we provide you with support (consultations) and free-of-charge bug fixing during 1 month. This license costs $199.

Enterprise License includes dhtmlxGrid Professional Edition and allows you to use it in unlimited number of projects on condition that all of them are projects of one company. Free support\upgrade period is 12 months. This license costs $449

Demo Video

This video demonstrates the following features available in dhtmlxGrid PRO: dynamic footer, grouping capabilities, search and filter functionality.

You can also watch another video tutorial about how to load big amounts of data into grid, add filters, server side sorting and data update capabilities.

v.2.5 is available now
Home | Features

    Main new features

  • data validation capability
  • object API
  • new library skin
  • bug fixes and code enhancements

  Samples

Collapse Block
  • Over 100 samples (!) of dhtmlxGrid usage, including samples based on the Professional version - with full functionality.

Most Popular:

 
 
Is there a need for JSON serialization in dhtmlxGrid?
 
Yes, it's a vital feature
It'd be nice to have it
No, it's not necessary
JSON is evil
I don't care
Thank You. Participated: 47
 
 
 
 

  Downloads

Expand Block

  Customers

  Customers say

Expand Block
I really love the flexibility your control gives me in the development of our web site.
John W. Miller, American Electric Power
The Grid have solve our many problems of displaying and editing. We are trying to use it as much as possible.
Vinod Patil