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}}