Blazor Kanban Board Example - Stacked Header Layout Configuration
To Do | Development Phase | Done | |
|---|---|---|---|
Open - 5 items | In Progress - 4 items | In Review - 5 items | Completed - 5 items |
Task 1 Analyze the new requirements gathered from the customer Task 3 Arrange a web meeting with the customer to get new requirements Task 10 Show the retrieved data from the server in grid control Task 20 Enhance editing functionality Task 22 Arrange web meeting with the customer to show editing demo | Task 2 Improve application performance Task 4 Fix the issues reported in the IE browser Task 11 Fix cannot open user’s default database SQL error Task 21 Improve the performance of the editing functionality | Task 5 Fix the issues reported by the customer Task 7 Fix the issues reported in Safari browser Task 12 Fix the issues reported in data binding Task 19 Test editing functionality Task 23 Fix the editing issues reported by the customer | Task 8 Test the application in the IE browser Task 13 Analyze SQL server 2008 connection Task 15 Analyze grid control Task 16 Stored procedure for initial data binding of the grid Task 17 Analyze stored procedures |
This sample demonstrates the Kanban component with the stacked header feature. The board displays two headers aligned in a stacked manner.
Add an additional header above column headers to group related columns. Configure stacked headers by mapping Text and KeyFields in the KanbanStackedHeader collection.