Классный вопрос)))Сама задача типографическая, а ныне также и RWD-шная.
Отличная гифка от
vis0r вкратце показывает, что именно, и как делать.
Если же по полочкам, да по ссылочкам, то.
Прежде чем заниматься графдизайном таблиц, надо, если потребуется, переосмыслить их и привести информацию в понятному и простому виду: определить структуру информации, выбрать способ отображения, избавиться от всех повторов, есть много разных методов оптимизации таблиц — об этом лучше всех написано у Мильчина. Мильчин, — это советская школа еще, в универе по нему учили. Для вас конкретно: Глава 13. Таблицы и выводы. — Мильчин А., Чельцова Л.
Справочник издателя и автора : редакционно-издательское оформление издания.
Типографический аспект верстки можно посмотреть в 15 главе
"Типографика. шрифт, верстка, дизайн", Феличи Джеймс, или что говорит
"Новая типографика", Я. Чихольд:
![8d61eac53511465a82e76f27435e659d.PNG](https://habrastorage.org/files/8d6/1ea/c53/8d61eac53511465a82e76f27435e659d.PNG)
или
"О Шрифте", Шпикерман:
![a4f4940a77cd403ba5a253cb1a09c886.PNG](https://habrastorage.org/files/a4f/494/0a7/a4f4940a77cd403ba5a253cb1a09c886.PNG)
вот оформление таблиц от Эдварда Тафти:
![a062573f9d6747a5ae52c1c7125dfca3.PNG](https://habrastorage.org/files/a06/257/3f9/a062573f9d6747a5ae52c1c7125dfca3.PNG)
По дизайну и типографике таблиц,
в вашем случае, можно попробовать оттолкнуться от
Material Design. Там тоже интерактивные таблицы с чекбоксами рассмотрены.
Еще
стоит подумать об адаптивности таблиц:
отправная точка, или посмотреть реализации
в библиотеке паттернов Бреда Фроста, товарища в скафандре, автора подхода "Atomic Design".
P.S.
Только что наткнулся, на
jQuery-плагин для таблиц:
с адаптивностью! Плюс: сортировка, пагинация, настройка объема вывода строк и т.д.