Start Building Professional
Web Apps Today

dhtmlxGrid is a full-featured JavaScript grid control that provides cutting-edge functionality, powerful data binding, and fast performance with large data sets. Rich and intuitive JavaScript API makes the grid highly customizable and easy-to-use. dhtmlxGrid can load data from different data sources: XML (custom format supported), JSON, CSV, JavaScript array, and HTML table.

With this grid component, you can easily create nice-looking, Ajax-enabled tables with rich in-cell editing, built-in filtering, searching, and grouping capabilities. Smart Rendering and paging support ensure fast loading speed even with huge datasets. Numerous event handlers allow you to add necessary interactivity to the grid.

Export to

PDF

Excel

Themes:

Sky Blue

Web

 

Double-click or [F2] on cell to edit. Use [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 (e.g., MS Excel).
In the Price column, use "<X" and ">X" to filter values less/greater than X. Use "X..Y" to filter range between X and Y.

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 large amount of data into the grid, add filters, server-side sorting, and data update capabilities.

Server-Side Integration

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

Feature-Rich JavaScript Grid

dhtmlxGrid supports the most powerful features necessary for Ajax-based spreadsheets, such as merged cells, split mode, the ability to move grid columns (with drag-and-drop or script methods) and copy data to a clipboard (in CSV format).

This Ajax datagrid supports various in-cell editors, including date picker, combobox, and other. The extensible architecture allows you to use custom components as cell editors (on a per cell basis), which gives the ability to customize and greatly enrich the grid functionality.

You can use the grid as an individual component or as a part of DHTMLX JavaScript library. All DHTMLX components have slick and clean look which can match the design of any website or web app.

Features

Note that some features are available in the PRO Edition only.

Editions

dhtmlxGrid is available in Standard and PRO Editions. The PRO Edition includes additional features. See feature comparison table.

Licenses

Open Source - GPL - Allows the use of dhtmlxGrid Standard in GPL-ed projects for free. Download

Commercial License ($199) - Includes dhtmlxGrid PRO Edition and allows you to use it in one project (application) with an unlimited number of copies. This license includes 1 month of technical support (or 5 support requests within 12 months) and one major update. Buy it

Enterprise License ($449) - Includes dhtmlxGrid PRO Edition and allows you to use it in an unlimited number of projects on the condition that all of them are developed by one company. Free support/upgrades are provided for the first 12 months. Buy it