You can allow actions on an item in a single row, in the cases where batch operation is not
applicable. You can use this pattern in both selectable and non-selectable datagrids.
Add a clr-dg-action-overflow
inside a clr-dg-row
.
The content inside of it will be projected as an action menu which will toggle when the user clicks on the
ellipsis icon as shown below. We recommend that the menu items be buttons with a class
.action-item
as in the example.
In the following example, we simply display the names of the selected users, but since we have access to the full objects, we could perform any operation we want on them.
User to be edited: No user selected. {{toEdit.name}}
User to be deleted: No user selected. {{toDelete.name}}