Why did you make a table with a construction from columns, and not from rows? All you had to do was pass the emit('delete', row.id). And in the parent component, where you store the rawTable reactive data, delete the row by index.

In your case, you need to delete data from the roleColumn, and you will have to go through all the columns and remove the row whose ID you pass. Since the data is reactive, there will be no need to refresh the page, and everything will be updated immediately.