dhtmlxGrid is an Ajax-enabled JavaScript grid control with cutting-edge functionality, powerful databinding 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, 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 and grouping 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:

Modern

Light

Native

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 automatically save and update data in database in real time without page reload.

Simple and comfortable grid interface supplemented with ability of keyboard navigation allows users to enter and modify tabular data intuitively. Extensible architecture of the grid allows you to use custom external component as cell editor, providing great opportunity to enrich grid functionality. For greater flexibility cell editors can be applied on per cell basis.

dhtmlxGrid supports merged cells, split mode, or frozen columns, and provides the ability to easily move grid columns (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 above live demo). The latest update (v1.6) removes some feature limitations for split mode, so now split grid supports all the advanced functionality including grouping, filtering and auto-calculated values in footer/header.

• Full control with JavaScript API
• Simple JavaScript or XML configuration
• Integration with HTML Form
• Built-in filtering, searching, grouping
• Auto-calculated values in footer/header
• Ready to use solution for big datasets
• Serialization to XML/SCV
• Loading from XML/CSV
• Working with clipboard
• Easy client-to-server comunication
• Support for including other grids as subgrids
• Resizable/movable columns
• Drag-and-drop rows/columns within 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
• Async mode loading support (AJAX)
• 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

Features Details

Featured Samples:

Save Data dynamicaly
Drag and Drop between Grids
Attaching Event Handlers
Grouping rows by column
Grid with subgrid
Subrow eXcell
Grid in split mode
Complex content in header
dhtmlxGrid & dhtmlxTree interaction
50,000 records in grid
50,000 records in grid with paging
Move column
Math calculations

All dhtmlxGrid Examples

Standard - available for free download (to use under GPL).

Professional - contains additional features (with examples) which are not present in Standard edition. Delivered under Commercial and Enterprise licenses.

Professional Edition Features are:

Loading XML from String
Frozen columns
Smart Rendering
Paginal Output extension
Merged cells
Simultanious Update of Database (dhtmlxDataProcessor)
Clipboard support
Export\Import from CSV
Serialization - possibility to create XML based on updated grid content
Drag-and-drop in/from dhtmlxTree
Drag-and-drop of multiple items
Move columns with drag-n-drop
Copy with Drag-and-drop
Math Formulas for cells
Footer
Customizable Sorting
Context Menu
Configuration via XML (moved to Standard since v.1.3)
Columns move/delete/insert with script methods
Various events handlers
Wider API
Official Support/Update period

more Professional Edition features

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.