Blazor Tree Grid Example - Clipboard
This sample demonstrates copy to clipboard functionality of the Tree Grid component. Select rows and click 'Copy' button from the toolbar to copy the content of rows. To copy with header, click 'Copy With Header' button from toolbar.
Task ID | Task Name | Start Date | Duration | Progress | Priority |
|---|
| 1 | Parent task 1 | 8/28/2022 | 34 | In Progress | Critical |
| 2 | Child task 1 | 8/29/2022 | 1 | Validated | Critical |
| 3 | Child task 2 | 8/30/2022 | 98 | Open | Low |
| 4 | Sub task 1 | 8/29/2022 | 67 | Closed | Normal |
| 5 | Sub task 2 | 8/30/2022 | 14 | Closed | Normal |
| 6 | Sub task 3 | 8/31/2022 | 67 | Closed | Normal |
| 7 | Parent task 2 | 8/29/2022 | 52 | Open | Low |
| 8 | Child task 3 | 8/29/2022 | 1 | Validated | Critical |
| 9 | Child task 4 | 8/30/2022 | 98 | Open | Low |
| 10 | Sub task 4 | 8/29/2022 | 67 | Closed | Normal |
| 11 | Sub task 5 | 8/30/2022 | 14 | Closed | Normal |
| 12 | Sub task 6 | 8/31/2022 | 67 | Closed | Normal |
In this demo, selected rows' data can be copied into the clipboard using the following keyboard shortcuts, toolbar interactions, or the CopyAsync method.
Ctrl + C- Selects rows or cells data without the header.Ctrl + Shift + H- Selects rows or cells data with the header.
More information on the clipboard can be found in this documentation section.