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

The grid component lets you easily implement nice looking (managed through css or predefined skins) DHTML tables with rich in-cell editing and built-in filtering, searching, and grouping capabilities. With numerous event handlers you can add necessary interactivity to your grid-based interfaces. Smart Rendering and paging support allow this JavaScript datagrid to work effectively even with huge datasets.

Live demo

Themes:

DHX Sky Blue

DHX Blue

Modern

Gray

Being 100% client-side JavaScript solution, dhtmlxGrid can be integrated with any server-side technology (PHP, Java, Ruby-on-Rails, .Net, ColdFusion, and others). dhtmlxConnector library, together with Ajax support, provides the possibility to save and update grid data on server automatically in real time without page reload.

dhtmlxGrid supports all the powerful features necessary for web-based spreadsheets, e.g merged cells, split mode, the ability to move grid columns (with drag-n-drop or or script methods) and copy data to clipboard (in CSV format). Extensible architecture of our Ajax datagrid allows you to use custom external components as cell editors (on per cell basis), providing the possibility to enrich grid functionality considerably.

As a part of DHTMLX library, dhtmlxGrid can be easily integrated with other components within a common application interface with the help of dhtmlxLayout. With a new skin, introduced in version 2.5, all DHTMLX components got slick and clean look which can perfectly match the design of any modern website or application.

Features

• Cross-browser compatibility
• Full control with JavaScript API
• Ajax support
• Simple JavaScript or XML configuration
• Integration with HTML Form
• Built-in filtering, searching, grouping capabilities
• Auto-calculated values in footer/header
• In-line editing
• Ready to use solutions for big datasets: paging, dynamic loading, Smart Rendering
• Serialization to XML/SCV
• Loading from XML/CSV
• Frozen columns
• Clipboard support
• Easy client-to-server comunication (with dhtmlxConnector, available for PHP, Java, .Net)
• Support for including other grids as subgrids
• Resizable/movable columns
• Drag-and-drop rows/columns within the grid
• Drag-and-drop in/from dhtmlxTree Pro
• Ability to create any editor or cell formating (using eXcell - eXtended cell object)
• Combobox, calendar, and more predefined eXcells
• Math formulas for cells
• Different keyboard mappings
• Easy styling with CSS or predefined skins
• Invisible data blocks for rows/entire grid (userdata)
• Client-side sorting (string, integer, date, custom)
• Server-side sorting ready
• Wide range of event handlers
• Detailed documentation
* - some functionality is available in PRO edition only

Editions

dhtmlxGrid is available in Standard and Professional editions. Please check feature comparison table to see the difference.

Licenses

Open Source - GPL allows using Standard Edition of dhtmlxGrid in GPL-licensed 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 the grid, add filters, server side sorting and data update capabilities.