# TreeView

Visualize, edit, and select hierarchical data as a tree using TreeView for Blazor. Learn more about the Blazor TreeView control in Blazor documentation.

## Content



Visualize hierarchical data using **TreeView for Blazor**, an advanced TreeView control that provides hierarchical structure and extensive node functionality to organize data. TreeView shows parent-child relationships between items in a grouped list. Moreover, it displays hierarchical list of items, such as indexed entries, directories on a disk, or headings in a document, as a tree structure.<br />The TreeView control represents the data through nodes which can be expanded or collapsed to show or hide different levels of hierarchy. These nodes can be implemented as images, text, or any HTML elements and can also be selected or edited to reorganize the hierarchy structure.

![Treeview control.](https://cdn.mescius.io/document-site-files/images/f5b600ba-f1a7-4f89-a20c-aa6c0c35880d/images/treeview.png)

## Key Features

*   **Visualize and Edit Hierarchical Data**<br />TreeView displays hierarchical list of items, such as indexed entries, directories on a disk, or headings in a document, as a tree structure.<br /><br />
*   **Create Data Bound or Unbound TreeViews**<br />The TreeView nodes can be generated automatically from a bound data source. You may also create nodes manually in code.<br /><br />
*   **Node Customization and Selection**<br />TreeView nodes can be implemented as images, text, or any HTML elements. Selection of multiple, non-adjacent items is possible by displaying check boxes. In addition, you may optionally display connecting lines to give the appearance of a classic Windows treeview.<br /><br />
*   **Provide Selection of Multiple Items**<br />TreeView provides the most efficient way to select multiple, non-adjacent items within a long, hierarchical list. Selection is also possible using check boxes.<br /><br />
*   **Hierarchical and Editable Templates**<br />TreeView includes special templates that allow different UI elements to appear for nodes at different levels in the hierarchy, and when editing nodes.<br /><br />
*   **Keyboard Navigation**<br />TreeView allows you to use the cursor keys to navigate the nodes, expanding and collapsing them.<br /><br />
*   **Search Nodes**<br />TreeView supports the search feature to find specific nodes quickly and easily. With search, users can just type a letter to quickly jump to a matching node.