I've a multiple data grid tables but need to select a single task either from single row or multiple rows, can anyone give the good ideas on this?

  • Hi and welcome to UX.StackExchange. Would be great if you could attach or create a mockup (Balsamiq mockups is one of the editing options, very convenient). – greenforest Mar 20 '12 at 10:52
  • Check marks do the trick just fine. – dnbrv Mar 20 '12 at 12:05

Few Commands

If there are about three or less commands (tasks), than consider a small button for each command in each row of the grid. Selecting the button performs the command on that row. Repeat as necessary for multiple rows. That makes one click for one command on one row. It’s hard to get more efficient than that.

Many commands

If there are too many commands to have a button for each in each row, then follow the object-selection-action model, where users select (highlight) the row for action, then select the command from a centralized menu (it may also be via a context menu and/or accelerator key).

In general, you support the standard means of multi-selection to execute the command on multiple rows. For MS Windows:

  • Ctrl-click to select or deselect multiple discrete rows.

  • Shift-click and drag-select to select a range of contiguous rows.

  • A Select All control to select all rows in the grid for the action.

For commands on contiguous rows and all rows, such multi-selection is more efficient than having a button for each command on each row.

The standard means of multi-selection have poor discoverability and may be unfamiliar to non-expert users. If that is the case for your users and they typically need to commit commands on multiple rows at once, then consider having a check box for each row, where checking the checkbox selects the row and keeps it selected until the user clears the check box. Such UIs typically do not support contiguous selection, but I suppose you could make it so it does (for your expert users).


(I realize this post is old, but...)

Consider a multi-action button on each row and one below the grid. It is a button with a dropdown selection. The button below the grid applies to "Items selected" (there is a checkbox above that button on each row).

  • Welcome to the UX Stack Exchange! Could you provide a mockup of what you mean and an explanation of why you think it's effective? – Graham Herrli May 4 '13 at 2:12

Not the answer you're looking for? Browse other questions tagged or ask your own question.