Example of Search and Filter Cards in React Kanban

/
/
Search Filter

This sample demonstrates the filtering and searching capabilities of the Kanban component, enabling users to quickly locate and organize cards based on specific criteria.

More Details...

Loading....
Description

This sample demonstrates how to filter and search cards in the Kanban component using the query property. The query API can be used to display specific cards based on custom filtering and search criteria.

  • The where method is used to filter cards based on field values such as Priority and Status.
  • The search method is used to locate cards by matching text across the Id and Summary fields.

The reset option clears the applied filters and search criteria by restoring the Kanban query to a new Query instance, displaying all cards on the board.

More information on the Essential® JS2 Kanban board can be found in this query documentation section.

Looking for the full React Kanban component overview, features, pricing and documentation? Visit the React Kanban page.