I'm struggling with the logic of a filtering option. In that filter I have multiple roots and nodes (see example below):

root structured filter

The user can interact with the filter and select either an entire root and all its nodes (e.g. Fruit), or just some nodes inside one root (e.g. Apple and Zucchini).

In the table where the selected options will be filtered for, I would like to display roots and nodes in two distinct columns, like so:

enter image description here

The first column (e.g. Groceries category) is the one the user will go check most of the time to have a high overview of the elements in the table, but I don't know if it makes sense to have two columns for one filter.


2 Answers 2


I’m not sure you benefit from using a table here. It seems to me the grocery category names are more like headers to your sections. See these examples, depending on the count of items inside categories:

Examples of layouts without a table


you could also do

[-] Apple
[-] Pear
[-] Banana
[X] All Fruits
[X] Paprika
[ ] Zucchini
[o] All Veggies

If someone selects "All Veggies". disable the individual Veggies (ie gray). If someone selects a single Vegetable, use a circle or disable the "All Veggies"

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

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