Skip to content

[Feature] Add multisortable columns to student tables #12960

Description

@roye2

Describe the bug

Currently there is no way to sort the columns in the tables on Submitty based on multiple categories. Only one column category can be sorted for at a time.

EDITED TO ADD: Most tables by default keep the students grouped by registration section first, and the sorting only organizes students within those registration sections. This is by design. Most of the time this is exactly what we want.

Expected behavior

It would be nice if the columns on the tables on Submitty were multisortable. EDITED TO ADD (roye2): We should implement this feature in Vue / as a Vue component so that we can a) avoid migrating the page to vue later and b) more easily implement this feature on all pages that there are tables of students.

REVISED: For example, instead of sorting first by registration section & secondarily by last name, we might want to sort the entire class by first name and then by section. This would be helpful if the TA didn't know/remember the students last name or section, they only remembered that the first name was Chris or Christopher, and then needed to review everyone in the whole course with one of those names.

Before creating a PR with an implementation, we should first have a proposal for a UI/design. After the design is discussed/revised/agreed upon then we can start coding. Note that the current UI (with the ascending and descending arrow icons) is not fantastic and doesn't lend itself well to multisortable columns.

Screenshots

An example of a table with sortable columns:
Image

Additional context
The non-exhaustive list of places where relevant tables occur is:

  • Manage Students
  • Manage Graders
  • Grade Details (for gradeables)

Metadata

Metadata

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions