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

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.

• 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:

Saving data on server
Basic init of dataprocessor
Attaching Event Handlers
Grouping rows by column
Grid with subgrid
Subrow excell
Filtering in Smart Rendering mode
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.

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.