Blazor Kanban Board - Stacked Headers
This sample demonstrates the Kanban component with the stacked header feature. In this sample, the Kanban is showcased with two headers aligned in a stacked manner.
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 |
The Kanban provides an option to add an additional header along with a column header in a stacked manner. This header groups the logically related columns. This can be achieved by mapping Text and KeyFields attribute of the KanbanStackedHeader property.