Grid

JavaScript DataGrid Component

JavaScript DataGrid

dhtmlxGrid is a JavaScript grid table library with high performance and great variety of features. You can use dhtmlxGrid as an individual component or as a part of dhtmlxSuite

Product Features

  • 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
  • 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
  • Serialization to XML/CSV and loading from XML/CSV

Live Demo

Fast Performance with Large Datasets
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.
Filtering, Searching, Grouping, Smart Rendering
With this js grid view component, you can easily create nice-looking, Ajax-enabled JavaScript editable 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.
Keyboard Navigation
To navigate javascript tables without a mouse pointer, you can make use of keyboard navigation in grid component. There are 3 predefined keymap commands available: native, MS Excel and MS Access. You can also change any command based on your needs.
Server-Side Integration
Being a 100% client-side JavaScript grid, 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.
Powerful Features for Spreadsheets
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).
Various In-Cell Editors
This JavaScript grid component 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.
Use JavaScript Datagrid with TypeScript
Since version 5.1, dhtmlxGrid supports TypeScript, so you can use type checking, and as a result you'll have a stable code. What is more, you'll get suggestions and code completion by moders IDEs. Find out more details in our docs.

dhtmlxGrid Licensing

Free GNU GPL v2 Commercial Enterprise Ultimate
License Terms
Free GNU GPL v2
Commercial
Enterprise
Ultimate
Developers
Free GNU GPL v2
Commercial
5
Enterprise
20
Ultimate
Projects
Free GNU GPL v2
(open source only)
Commercial
1
Enterprise
5
Ultimate
SaaS
Free GNU GPL v2
Commercial
Enterprise
Ultimate
Perpetual distribution rights
Free GNU GPL v2
Commercial
Enterprise
Ultimate
Support Plan
Free GNU GPL v2
No Official Support
Commercial
Standard Support
Enterprise
Premium Support
Ultimate
Ultimate Support
Time Period
GNU GPL
Commercial
1 year
Enterprise
1 year
Ultimate
1 year
Updates
GNU GPL
Commercial
Minor & major updates
Bug fixes
Enterprise
Minor & major updates
Bug fixes
Ultimate
Minor & major updates
Bug fixes
Emergency bug fixes
Tickets
Free GNU GPL v2
Only Community Forum
Commercial
10
Enterprise
30
Ultimate
Response Time
GNU GPL
Commercial
72h
Enterprise
48h
Ultimate
24h
Personal Acccount Manager
GNU GPL
Commercial
Enterprise
Ultimate
Functionality
GNU GPL
Standard
Commercial
Professional
Enterprise
Professional
Ultimate
Professional
Serialization to XML
GNU GPL
Commercial
Enterprise
Ultimate
Paging support
GNU GPL
Commercial
Enterprise
Ultimate
Drag-n-drop columns & advanced drag-n-drop
GNU GPL
Commercial
Enterprise
Ultimate
dhtmlxCombo, dhtmlxGrid, dhtmlxTree as cell editors
GNU GPL
Commercial
Enterprise
Ultimate
Grouping
GNU GPL
Commercial
Enterprise
Ultimate
Multi-line footers
GNU GPL
Commercial
Enterprise
Ultimate
Subgrids & subrows
GNU GPL
Commercial
Enterprise
Ultimate
Frozen columns
GNU GPL
Commercial
Enterprise
Ultimate
Columns move/delete/insert with script methods
GNU GPL
Commercial
Enterprise
Ultimate
Colspans and rowspans
GNU GPL
Commercial
Enterprise
Ultimate
Math operations
GNU GPL
Commercial
Enterprise
Ultimate
Different keyboard mappings
GNU GPL
Commercial
Enterprise
Ultimate
Save grid state in cookies
GNU GPL
Commercial
Enterprise
Ultimate
Integration with HTML Form
GNU GPL
Commercial
Enterprise
Ultimate

Demo Apps & Learning Resources

Technical samples

All JS Grid features are accompanied by an online sample. Explore the functionality of the grid component and check its code.

Ticket support

Create a support request and get fast and qualified help from our support/development team.

Documentation

Our detailed documentation can learn how to use Grid and effectively implement it in your own applications. It provides the detailed information regarding each aspect of the widget.

Community forum

If you don't have an active support subscription, you are welcome to post your technical questions to our forum. It's moderated by our official support team.

Need help with dhtmlxSuite integration into your app? Contact us