I am creating a matrix data table which will allow checkbox selections. Here is a mock up I have come up with:
This fulfils two purposes:
- User is able to see instantly which options have been selected across the data set.
- User is able to quickly make changes to the options across the data set.
This probably works great on larger screens, but I am conscious the content will be cramped on smaller screens.
I was wondering if there is a better way / UI to capture these selections? Here we have 10 options, but it could be as many as 15. Also, there are 10 rows on display here but there could be as many as 100 rows.
I plan to keep the header row fixed to the top, so when scrolling down you don't lose the headings.
All of the left hand columns in the table are important, because the user will be able to filter the data by these columns.
I was thinking I could potentially display a scrollbar (in the checkbox selection area) once the columns start getting too small.