Example of Show or Hide Column in Angular Kanban Component

This sample demonstrates how to control the visibility of Kanban columns dynamically. Check or uncheck the checkboxes from the property panel to show or hide the corresponding column.

To Do
- 5 items
In Progress
- 4 items
In Review
- 5 items
Done
- 5 items
Show/Hide Columns
Description

The Kanban provides an option to show or hide its columns dynamically using the following public methods.

  • showColumn: Makes the corresponding column visible based on the specified ID.
  • hideColumn: Hides the corresponding column based on the specified column ID.