Download JavaScript Code Examples, Tutorials, Reference

This DHTML grid control has vertical and horizontal scroll bars in order to fit and display any size of table in limited space. Buffering and Dynamical Loading are powerful features which increase the performance of tables with great number of records. The main advantage of those mechanisms is in the ability of the table data to be loaded dynamically from server and to be rendered dynamicaly on client side while scrolling through the table. Using these features together or separately you can significantly reduced the time for loading big tables.
To allow greater flexibility, dhtmlxGrid uses unique mechanism called eXcell (extended Cell) to define data format and way of editing data for each column (cell). The grid control provides a wide variety of cell formats including text, image, combo box, list box, check box and radio buttons. If a cell contains multi-line text it can be edited with popup text editor or wrapped automatically in a cell.
Along with standard ways (text, combo box, check box, etc.) of column editing/formatting, there are special types of exCell included into dhtmlxGrid package. For example, above table uses specific eXcell type to represent dinamic data in Sales and Prices columns.
Simple and comfortable interface supplemented with ability of keyboard navigation allows users to enter and modify tabular data intuitively. Extensible architecture of the grid allows you to use any external component as cell editor, providing great opportunity to enrich grid functionality.
Additionaly, if you already use our dhtmlxTree or dhtmlxMenu, it will be comfortable for you to use dhtmlxGrid either, as the API structure is similar.

Code Sample