This sample demonstrates the card sorting capabilities of the Kanban component, enabling workflow items to be organized and displayed based on different sorting criteria and orders.
This sample demonstrates the card sorting capabilities of the Kanban component using the sortSettings configuration. Cards can be organized based on data source order, index values, or custom fields, and displayed in ascending or descending order.
The sortBy property provides the following options:
DataSourceOrder: Cards are arranged according to their order in the data source. Since the original data order is used, no additional field mapping is required.
Index: Cards are sorted based on an integer field value, such as RankId. When cards are reordered through drag-and-drop, the mapped field value is automatically updated to reflect the new position.
Custom: Cards are sorted using a user-defined field. Both string and numeric fields can be used, such as Priority, RankId, or Summary. The original field values are preserved when cards are moved.
More information on the Essential® JS2 Kanban board can be found in this sorting documentation section.
Looking for the full React Kanban component overview, features, pricing and documentation? Visit the React Kanban page.