# Bulk row update and delete

{% hint style="info" %}
For details about bulk editing in the table, refer to [this section](https://docs.uibakery.io/reference/working-with-components/getting-started-with-the-component#bulk-editing).
{% endhint %}

## Bulk row update

Follow the instruction below to configure bulk table rows update:

1. Select the Table component and navigate to the *Row selection* section in the right side panel.
2. There, select the *Enable multiple rows selection* checkbox.

<figure><img src="https://837703843-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUX6zPRMFFK0yrTghj7cY%2Fuploads%2Fgemyun1yXH3IUfOqtjuU%2FCleanShot%202025-09-04%20at%2012.34.28%402x-min.png?alt=media&#x26;token=7e62306e-99f1-4ea2-87f3-ec20da9ec039" alt=""><figcaption></figcaption></figure>

3. Create a new **Condition** action step and specify the following code:\
   `return {{ui.table.selectedRows.data.length>0}};`
4. For the <mark style="color:$success;">**if**</mark> condition, add the *Update Row* action:
   1. In the Filters section, specify the identifier for updated records (we'll use *row\_number\_id*) - `row_number_id in {{ui.table.selectedRows.data.map(item => item.row_number_id)}}`.
   2. In the Configure row section, specify the parameter that will be updated (in our example, the record's *status* will change to *Active*).
   3. Select the *Bulk Update* checkbox.

<figure><img src="https://837703843-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FUX6zPRMFFK0yrTghj7cY%2Fuploads%2FfnGrbBFrEWURpQ8K9C9S%2FCleanShot%202025-09-04%20at%2012.37.57%402x-min.png?alt=media&#x26;token=75582632-c113-4434-a8f6-ea8a6c9d1000" alt=""><figcaption></figcaption></figure>

5. (Optional) For the <mark style="color:red;">**else**</mark> condition, you can configure an error notification.
6. As a *second* step, add the *Execute Action* step and select the action that loads your data to display the updated values in the table.
7. Add a toggle or button to the canvas and assign the bulk update action to its *On Change/On Click* trigger.

{% @arcade/embed flowId="eI9n4sDHYQ7XJJSlwCMj" url="<https://app.arcade.software/share/eI9n4sDHYQ7XJJSlwCMj>" %}

## Bulk row delete

The flow here is similar to that of the Bulk update one:

1. Repeat **steps 1-4(a)** from the [Bulk update instruction](#bulk-row-update) above.
2. For the <mark style="color:$success;">**if**</mark> condition, select the *Bulk Delete* checkbox.
3. (Optional) For the <mark style="color:red;">**else**</mark> condition, you can configure an error notification.
4. As a *second* step, add the *Execute Action* step and select the action that loads your data to display the updated values in the table.
5. Add a button to the canvas and assign the bulk delete action to its *On Click* trigger.

{% @arcade/embed flowId="nqDQBBT8yKVTlfNMX8u1" url="<https://app.arcade.software/share/nqDQBBT8yKVTlfNMX8u1>" %}
