Overview

20 Dec 20171 minute to read

The Essential JavaScript TreeGrid is an efficient control designed for representing the hierarchical data in a tabular format, combining the visual representation of Grid and TreeView controls. It represents the data from datasource such as array of JSON objects, ej.DataManager or self-referential datasource.

Key Features

• Editing - Offers cell and row editing modes for updating the records.

• Sorting - Supports n levels of sorting.

• Filtering - Supports filtering records with filter bar and menu filtering modes.

• Virtualization - Supports rendering large number of hierarchical data at once.

• Column Template - To display custom columns along with customized expand-collapse icon.

• Row drag and drop - Allows you to drag any row and drop it at any desired position.

• Paging - Paginated view of records.

• Summary rows - To summarize the rows at each hierarchical levels.

• Details template - To display the detailed view of a record.

• Frozen columns - To freeze the columns from scrolling.

• Exporting - Exporting the TreeGrid contents to PDF and Excel files.

• Column Menu - Supports sorting, column visibility and filtering for the columns.

• User Interaction - Supports cell tooltip, expand collapse at ease, single and multiple row selection, columns resizing and contextual menu.

• Column Template - To render custom columns along with customized expand-collapse icon.