Best way to select multiple items on a list using groupings

Question

First post here, so bare with me if I do something wrong.

Here is my issue:

Imagine that you have a list of students in a class. You want to be able to select all of them but you also want to be able to select students who are in a grouping.

Groupings could be named: "Ahead of the curve", "Trouble reading" etc. In the example below "Grouping of students" could be "Student 1" and "Student 3".

What makes it even more complicated is that some students can be a part of more than one grouping.

In addition we really want the solution to sale well, so classes with many groupings don't become a problem.

The image below is what we've been thinking but it seems complicated and does not scale well. If you select "grouping of students", the students from that grouping is selected in the list below.

Does anyone know of a way to solve this?

Answer 1

I assume you should be able to select single students as well. I would seperate the group selection from the student selection something like this:

So the top box is like a filter for the students list (e.g. if group C is selected, only students in group C are visible) and in the list students can be selected individually. Hope this helps. :)

Answer 2

One solution would be to separate the groups selection task from the list of students. 1) Show a "Select group(s)" button at the top/bottom of your list. 2) When clicked, open a modal with a scrollable list of groups. 3) Once confirmed, the list of students show which one got selected and it's still editable by hand.

Leave the "All students" at the top of your list as you did.