This demo showcases a ticket management dashboard that displays a hierarchical list of support issues in a Tree Grid.
The Tree Grid can fetch data from external APIs using AJAX, populating the component with the response data. When performing actions like paging, sorting, or filtering, the dataStateChange event triggers, requiring developers to send an HTTP request and update the Tree Grid with the new data.
In this demo, users can navigate the paged Tree Grid, sort data by clicking any column header, and apply filters using the filter bar. Multi-column sorting is supported, and filtering is enabled per column.
To enable paging, sorting and filtering set the allowPaging, allowSorting and allowFiltering as true.
More information about the custom data binding can be found in this documentation section.