Grid

dhtmlxGrid is a flexible, smart, and easy-to-use JavaScript grid component which allows creating DHTMLX tables with rich in-cell editing, fixed multi-line headers and footers, resizable, sortable, and draggable columns, built-in filtering, searching, and grouping capabilities. dhtmlxGrid possesses advanced drag-and-drop, dynamic loading, customizable view, a set of predefined cell editors and many other capabilities that make it a fully-featured aid for developers. Complete JavaScript API is provided to help users save time on configuring.

• dhtmlXGrid API
• Cell-Level API

• You may download Standard or PRO Edition of dhtmlxGrid from dhtmlx.com
• Check online samples for dhtmlxGrid
• Don't hesitate to download dhtmlxSuite to get the whole JavaScript library of UI components

Creating Grid on a Page Basic Initialization Initializing Grid from HTML	Says how to build a standard grid on a page and bring it to life: configure with specific settings, customize the default templates, attach events, etc.
Loading and Storing Data Exploring Supported Data Formats Loading Data into Grid Loading Big Datasets Saving Data on the Server Side Serializing Data to XML,CSV Exporting Data to PDF,Excel Loading Additional Data to Grid	Discusses the ways of loading data into the grid: different data sources, formats, techniques.
Configuring Grid Common Operations with Grid and its Elements Column Types Headers and Footers Freezing Columns (the 'Split' Mode) Enabling Keyboard Navigation Managing the Selection Drag-and-Drop Support Saving Grid Configuration in Cookies Configuring Grid from XML Configuring Grid from JSON Grouping Columns	Teaches you how to define the common structure and content of dhtmlxGrid: columns, headers, dimensions, etc.
Managing Data in Grid Iterating Over Data Sorting Data Filtering Data Searching in Grid Grouping Data by Rows Formatting Number and Date Values Statistics Counters Validating Data Items Using Math Formulas for Data Clipboard Operations Providing Undo/Redo Operations	Covers the basics of performing general operations under data items such as setting the date template or format, filtering, validating, paging etc.
Styling Grid Exploring Available Skins Styling Grid's Elements	Focuses on how to fine-tune the grid appearance: redefining the default component CSS classes, applying the predefined skin etc.
Integrating with Other Components HTML Form Tree Chart Combo Context menu DataStore	Introduces the components you can integrate dhtmlxGrid with.

Back to top