Select multiple table rows
Last updated
Last updated
© 2024 UI Bakery
For a bulk rows update, follow the steps below:
We assume that you already have a table with loaded data
Open the table's settings and find the Enable multiple rows selection check box. Activate it.
2. Add a Condition action. Specify the code: return {{ui.yourTable.selectedRows.data.length>0}};
3. For the true condition, add the next action step as Update Row. Configure the action in the following way:
On the Configure filter to update record(s) section, specify the identifier for the updated records as id in {{ui.yourTable.selectedRows.data.map(item => item.id)}}
On the Configure record fields to update section, specify the parameter that will be updated. For the example, we will update city
parameter by setting it to London
.
Tick the Bulk Update checkbox.
5. Assign an action that loads your data into the table to the On Success trigger.
6. Finally, add a toggle or a button and assign the newly added action that deletes the records to the button On Click/ On Change trigger.
To delete several rows at a time, follow these steps:
We assume that you already have a table with loaded data
Open the table's settings and find the Enable multiple rows selection check box. Activate it.
Add a Condition action. Specify the code: return {{ui.yourTable.selectedRows.data.length>0}};
3. For the true condition, add the next action step as Delete Row. Configure which records will be deleted, as id in {{ui.yourTable.selectedRows.data.map(item => item.id)}}
.
4. Tick the Bulk Delete checkbox.
5. Assign an action that loads your data into the table to the On Success trigger.
6. Finally, add a button and assign the newly added action that deletes the records to the button On Click trigger.