Skip to content
Classic documentation
  • There are no suggestions because the search field is empty.

Deleting a task

3 of a 4-part CRUD use case series. In this article, you'll learn how to delete a task in your application

Note: For this example, a Task overview page has already been set up with a data table containing all existing tasks.

The most user-friendly way to handle task deletion is to place the delete action at the far end of your data table. Because deletion is permanent, it should remain clearly visible but slightly out of the primary interaction area, reducing the risk of accidental clicks.

To enable task deletion in your task overview, we'll create a delete action using the Action Button.

1. Navigate to the components panel and either drag a new Data table column onto your Data Table or duplicate an existing column, then place an Action Button inside that column.

Screen-Recording-2026-04-15-at-1

2. Configure the 'Delete record' action as mentioned in Creating Delete button article.

3. Click Play in the top-left corner to compile the page. When you select the new delete button next to a task, a loading bar will appear and, after the page refreshes, the selected task will be removed.

Screen-Recording-2026-04-15-at-1 (3)

Important: Verify both your model and action permissions. If these are not configured correctly, records cannot be deleted.

However, this still isn’t truly dynamic behavior, so next we’ll create a delete action that works without manually refreshing the page.

Dynamic table refetch 

When you click Delete, the task is removed, but this change is not yet visible in the overview. To update the table automatically, you’ll need to refetch its data:

  1. Select the Delete button.

  2. Add an interaction to automatically refetch the Data Table after a task is deleted.

  3. Configure the interaction: On action success → Refetch → Data Table.

  4. Compile the page and test your new dynamic delete behavior.

Screen-Recording-2026-04-15-at-1 (4)

When the action that runs in the background is successful, this interaction will fetch the data and display it in the Data Table in the tasks overview.

 

→Next article: Assigning a task