The Blazor Tree Grid/Tree Table/Tree List is a feature-rich component used to visualize self-referential hierarchical (or tree-like structure) data effectively in a tabular format. Its rich feature set includes many functionalities like data binding, editing, sorting, filtering, paging, exporting to Excel, CSV, and PDF formats, aggregating rows, and more.
Features and Benefits
Bind data seamlessly with various local and remote data sources such as JSON, RESTful services, OData services, and WCF services. It uses the data manager to handle data and supports customizing data requests and processing.
Easily visualize the aggregates of the Tree Grid column values using the summary option. Aggregates can be customized to show their value in every hierarchy with a set of predefined summary types.
Responsive and touch-friendly
User-friendly touch gestures and an interactive UI design on Tree Grid help produce the best user experience. All Tree Grid features work on touch devices with zero configuration. It is a mobile-first approach component. Its responsive user interface adapts automatically to any device and provides the best user experience to interact with the component. In addition, it has an option to hide specific columns for particular screen sizes using column-based media query support.
Filtering helps view particular or related records in the Tree Grid, which meet a given filtering criteria. It supports various filter types that include powerful Excel-like filter. The Tree Grid filter allows users to choose appropriate filter type, define their own custom filtering logic, and customize the filtering UI based on their application needs. It also has an option to filter diacritic characters in Tree Grid.
Exporting Excel, Pdf and CSV
Easily export the Tree Grid component in various file formats such as Excel, PDF, or CSV. Users can also programmatically customize the exported document.
Tree Grid allows users to select rows or cells either by using checkbox or by simply clicking on them. Select more than one row or cell by holding Ctrl or Shift or Command, or programmatically.
Columns define the schema of data source in the Tree Grid. It supports formatting, column definitions, text wrapping, column chooser, column menu, and other important features.
Using templates, users can create custom user experiences in the Tree Grid. It provides various template options to create custom headers, custom cell contents, toolbars, and custom editors for edit action.
Stacked headers allow grouping and visualizing column headers in a stacked manner. There is no limit to the number of columns that can be stacked. Allows the user to perform all Tree Grid actions, even when the columns are stacked.
The Tree Grid allows users to sort rows either in the ascending or descending order against a column by simply clicking on the header. Sort multiple columns’ data by holding Ctrl key + header click. In addition, it allows users to define their own custom sorting logic based on their application needs.
Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion has more than 13,000 customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.