Single and whole group selection in tree table

Question

We are using a tree table view in our product.
We also have a multiple selection in this view for purpose of bulk updating or drag and drop.
I would like the user to be able to single select the group only or to select the group with all of it sub items.
Actually I have 3 cases:

Only group selected without its sub items
Whole Group selected with all its sub items
Only one or more sub items selected without the parent group

Do you have an idea how to perform this selection and how to visualize it?

Tal Blizowsky · Answer

Currently our view looks like the below, selected checkbox are aligned left.
By default, selecting a group will select only the group without it sub items.
We definitely need an option to select the whole group - with its sub items, can you advise how to add this option?
And how to visualize the 3 modes I mentioned previously.

Nash · Answer

I can only imagine to split the tree-select ("batch", case #2) from the individual-select (case #1 and #3). I would do it something like below. Having a button on top to toggle the selection modes and using indentation to communicate if the hierarchy-batch-select is "on" or "off".

This shifts around the mental model of users of what the treeview does quite a lot . Therefore, I would test it with actual users to make sure they get it.

Single and whole group selection in tree table

2 Answers

Add your own answers!

Ask a Question