Close
JavaScript Grid Control - Ajax Grid - dhtmlxGrid

Start Building Professional
Web Apps Today

Latest update: v.3.6 build 131108 Download Buy PRO

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.


Live demo

Video

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.

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.

  • Cross-browser compatible (IE, Chrome, FF, Opera, Safari)
  • Full control with JavaScript API
  • Simple JavaScript or XML configuration
  • Integration with HTML forms
  • Filtering, searching, grouping
  • Auto-calculated values in footer/header
  • In-line editing
  • Ready-to-use solutions for large data sets: paging, dynamic loading, Smart Rendering
  • Serialization to XML/CSV and loading from XML/CSV
  • Frozen columns (splitted grid)
  • Clipboard support
  • Server-side integration with dhtmlxConnector
  • Support for subgrids within grid
  • Resizable/movable columns
  • Move rows/columns with drag-and-drop
  • Drag-and-drop to/from dhtmlxTree PRO
  • Combobox, calendar, and more predefined eXcells
  • The ability to create a custom eXcell
  • 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) and server-side sorting ready
  • Wide range of event handlers
View Feature Details

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 dhtmlxGrid - Ajax/JavaScript DataGridDownload

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 dhtmlxGrid - Ajax/JavaScript DataGridBuy 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 dhtmlxGrid - Ajax/JavaScript DataGridBuy it

Editions

Supported browsers:
dhtmlxSuite Complete JavaScript Library UI widgets Online Visual Designer Use to design application interface

Who Uses DHTMLX

3M Company Limited
Adobe Systems
Amazon.com
AT&T
Audi AG
Bank Of America
BBC News
Best Buy Co.
BMC Software Inc
Boeing
Cisco Systems
Deutsche Bank AG
Ericsson AB
HSBC
Huawei Technologies Co.
IDS Corp.
Lockheed Martin
MasterCard UK Inc.
Mitsubishi Electric
Motorola

Customers say

I really love the flexibility your control gives me in the development of our web site.
John W. Miller, American Electric Power
The Grid have solve our many problems of displaying and editing. We are trying to use it as much as possible.
Vinod Patil