AJAX powered editable DHTML JavaScript Grid
with rich script API
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).
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:
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