This example shows how to extend the grid’s UI with additional elements (buttons) that appear when a user swipes a data row (from left to right or from right to left) and perform custom actions on tap.
Define two swipe actions for rows of the grid bound to the collection of orders:
Display information on a customer - When a user swipes a data row from left to right, the Customer button appears on the left side of the row.
Remove an order - When a user swipes a data row from right to left, the Delete button appears on the right side of the row.
Start Swipe Item
End Swipe Item
Follow the steps below to implement this functionality: