How to update the title of the custom action?

I have a need to multi select the row. For instance, user can select multiple rows, which should add to the new list when done and view that as a separate table. In order to do that, I need to have Add/Remove action at a time.

Initially, the user should be shown "Add" to all the rows, when user clicks the Add for any one row, then the title for that row should be updated to "Remove". And if "Remove" is clicked, the title should be "Add." Can someone tell me how I can achieve this? Below is what I have:

`settings = {
actions: {
add: false,
delete: false,
edit: false,
custom: [
{
name: 'add_remove',
title: 'Add'
}
]
},
columns: {
id: {
title: '#'
},
asset_id: {
title: 'Asset ID'
},
asset_name: {
title: 'Asset Name'
},
sub_portfolio: {
title: 'Sub-Portfolio'
},
portfolio: {
title: 'Portfolio'
}
}
};`