Blazor DataGrid Example - Frozen Rows and Columns
Task ID Press Enter to sort | Title Press Enter to sort | Assigned To Press Enter to sort | Priority Press Enter to sort | Description Press Enter to sort | Created Date Press Enter to sort | Bug Source Press Enter to sort | Associated Feature Press Enter to sort | Created By Press Enter to sort | Notification Status Press Enter to sort | Status Press Enter to sort |
|---|---|---|---|---|---|---|---|---|---|---|
| 10001 | Harder to work during power-saving mode | Tana | High | Lorem ipsum dolor sit amet, consectetur adipiscing elit. | 6/15/2019 | Shared by unsigned user | Battery | Flynn | Need to Notify | In Progress |
| 10002 | Application crash on clicking save button | Ken | High | Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. | 6/16/2019 | Found during testing | Security | Gillian | Need to Notify | In Progress |
| 10003 | Transaction details are lost | Roger | High | Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. | 6/15/2019 | Email issued from William (wiliam@example.com) | Security | Michael | Already Notified | Completed |
| 10004 | Working speed differs with different networks | Lucy | Low | Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. | 6/10/2019 | Reported by unsigned user | Network | Anton | Already Notified | By Design |
| 10005 | Does not handle Interrupts Properly | Smith | Critical | Curabitur sodales ligula in libero. Sed dignissim lacinia nunc. Curabitur tortor. | 6/10/2019 | Found during internal testing | Notifications | Anton | Already Notified | Completed |
| 10006 | Takes more than 30 seconds to start | Lucy | High | Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. | 6/5/2019 | Shared by customer call | Speed | Gillian | Need to Notify | In Progress |
| 10007 | No progress indicator | Smith | Critical | Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. | 6/5/2019 | Posted in community forum | Notification | Anton | Already Notified | Completed |
| 10008 | Words break when changing screen resolution | Joe | Normal | Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. | 6/15/2019 | Email issued from Jack (jack@example.com) | Screen | Isaac | Need to Notify | In Progress |
| 10009 | Download files to a private data directory | Jack | Critical | Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. | 6/15/2019 | Email issued from John (john@example.com) | Security | Bold | Need to Notify | In Progress |
| 10010 | Asking permission to access gallery | Nick | Low | Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. | 6/5/2019 | Posted in forum | Security | George | Already Notified | By Design |
| 10011 | Data Leakage | John | Critical | Integer euismod lacus luctus magna. Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem. | 6/10/2019 | Found internally during testing | Security | Anton | Need to Notify | In Progress |
| 10012 | Installation error for previous Android versions | Lewis | Normal | Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. | 6/15/2019 | Found during testing | Android | Kahn | Already Notified | By Design |
| 10013 | Opens after the location is accessed | Gibson | Low | Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Nam nec ante. | 6/5/2019 | Reported by unsigned user | Security | Herbert | Already Notified | Won't Fix |
| 10014 | Memory-related issue | Julie | Normal | Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. Ut fringilla. | 6/1/2019 | Posted in forum | Memory | Isaac | Need to Notify | In Progress |
| 10015 | Security questions are not working properly | Lucy | High | Sed lacinia, urna non tincidunt mattis, tortor neque adipiscing diam, a cursus ipsum ante quis turpis. Nulla facilisi. | 6/1/2019 | Email from Andrew (andrew@example.com) | Security | Wells | Already Notified | Completed |
| 10016 | Requires a login after the connection lost its strength | Issac | Low | Suspendisse potenti. Nunc feugiat mi a tellus consequat imperdiet. Vestibulum sapien. | 6/15/2019 | Reported by unsigned user | Speed | Mary | Already Notified | Cannot Reproduce |
| 10017 | The app crashes | John | High | Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit. | 6/1/2019 | Email issued from Jack (jack@example.com) | Security | Anton | Need to Notify | In Progress |
| 10018 | Showing wrong error message | William | Normal | Proin quam. Etiam ultrices. Suspendisse in justo eu magna luctus suscipit. | 6/10/2019 | Posted in community forum | Notification | Gillian | Need to Notify | Blocked |
| 10019 | Consumes more power when in battery-saving mode | John | Critical | Sed lectus. Integer euismod lacus luctus magna. Quisque cursus, metus vitae pharetra auctor, sem massa mattis sem. | 6/15/2019 | Email issued from Joe (joe@example.com) | Battery | Anton | Need to Notify | In Progress |
| 10020 | Security level is low | Lucy | Critical | Quisque volutpat condimentum velit, Integer euismod lacus luctus magna. Quisque cursus, luctus non, massa. | 6/20/2019 | Email issued from Issac (issac@example.com) | Security | Mary | Already Notified | In Progress |
This sample demonstrates the DataGrid frozen rows and columns feature for persistent data visibility during scrolling.
The frozen rows and columns feature enables users to maintain visibility of critical data while scrolling through the grid. Configure frozen columns by setting the Freeze property of column definitions. The available freeze modes are:
- Left - Freezes the column on the left side, maintaining visibility during horizontal scrolling
- Right - Freezes the column on the right side for important trailing information
- Fixed - Freezes the column at a fixed position, ensuring visibility during horizontal scrolling
In this demo:
- The Task ID column is frozen on the left for immediate row identification
- The Status column is frozen on the right for quick status reference
- The Assigned To column is frozen at a fixed position
Scroll horizontally to experience how frozen columns remain in view, and scroll vertically to see frozen rows persist at the top of the DataGrid.
For more information about frozen rows and columns, refer to the frozen rows and columns documentation.