Features Details

Custom XML

Since dhtmlxGrid v1.6 you can define your own schema for XML which will be used for loading the grid. You can define names (and coding) of tags for top, row and cell elements. Also, any attribute included into the tag of a row or a cell can be accessed with internal grid API functions.

Multi-row Header/Footer

Headers and footers in the grid can contain multiple rows with various combinations of colspan/rowspan. Each cell can contain either simple text or complex html objects.

Move/Add/Delete Columns

Professional Edition of dhtmlxGrid includes the possibility for moving columns either with script or directly with mouse by user. Also, there are script methods for adding and removing columns from the grid.

Handling Big Data Sets - Paging Support

Paging is the easiest way to manage large amounts of records within the grid and make it comfortable for users to work with it. What's nice about dhtmlxGrid paging output is that you can enable it in any grid with a single JavaScript command, without changing anything in grid configuration. dhtmlxGrid paging uses non-linear buffer, which makes it more useful, as it renders only records which are going to be included into the page regardless of the page position.

Although dhtmlxGrid Standard edition is paging-ready (you can implement it using script API), the full paging support, including the ability to use dhtmlxToolbar, is implemented in the Professional Edition only.

Handling Big Data Sets - Smart Rendering

Smart Rendering is a powerful feature that improves performance of tables with great number of records. The main advantage of this mechanism is the ability to render table data (this process is the slowest in DHTML) only when it gets to visible area (while scrolling). At the same time, most API methods still work with invisible content. Using this feature together with dynamic loading, you can work with really large amounts of data.

Easy Communication with Server - dhtmlxDataProcessor and dhtmlxConnector

dhtmlxDataProcessor and dhtmlxConnector for dhtmlxGrid manage the process of loading/updating data on the server side. It can be configured for your particular datasource. dhtmlxConnector supports PHP5 and Java with MySQL, PostgreSQL, Oracle, MsSQL; ASP.NET with SQL Server. Its client side part can be used for any other server side technology.

Extended Cell - exCell

To allow greater flexibility, dhtmlxGrid uses a unique mechanism called eXcell (extended Cell) to define data format and the way of editing data for each column (cell). Our Ajax grid control provides a wide variety of cell formats including text, image, combo box, list box, check box, and radio buttons, link, price, etc. If a cell contains multi-line text, it can be edited with a popup text editor or wrapped automatically in a cell.

Along with standard ways (text, combobox, checkbox, etc.) of column editing/formatting, there are special types of exCell included into dhtmlxGrid package. For example, the table on the live demo uses specific eXcell type to represent dynamic data in Sales and Prices columns. For details about usage and creation of new eXcell, please refer to the documentation.

Split Mode / Frozen Columns

As it's sometimes necessary to keep some columns always visible, independently of horizontal scrolling position, we've implemented the ability to freeze columns and split the grid into two parts, keeping the ability to navigate in both parts simultaneously.

Grid and Tree in One Control

dhtmlxTreeGrid is a JavaScript UI component that combines tree view and editable grid. It is based on our dhtmlxGrid, and deploys all the functionality of dhtmlxGrid control, enabling both hierarchical and tabular data presentation.
For more information, please visit dhtmlxTreeGrid home page