This sample demonstrates the adaptive rendering behavior of Tree Grid features such as Filtering, Paging, Searching and etc.,
Task ID | Task Name | Duration | Progress |
|---|---|---|---|
| 1 | Planning | 5 | 100 |
| 2 | Plan timeline | 5 | 100 |
| 3 | Plan budget | 5 | 100 |
| 4 | Allocate resources | 5 | 100 |
| 5 | Planning complete | 0 | 0 |
| 6 | Design | 3 | 86 |
| 7 | Software Specification | 3 | 60 |
| 8 | Develop prototype | 3 | 100 |
| 9 | Get approval from customer | 2 | 100 |
| 10 | Design Documentation | 2 | 100 |
| 11 | Design complete | 0 | 0 |
| 12 | Implementation Phase | 11 | 66 |
The enableAdaptiveUI property is set to true. The filtering, CRUD actions, paging and other various user interactions in tree grid will be adaptive to the smaller screens. For example, Filtering opens the UI for user in a pop-up occupying the entire screen. For more information, refer this documentation section.