Есть html таблица. У таблицы многоуровневый заголовок. Самый нижний уровень - это названия столбцов. На уровне выше столбцы, объеденные в группы, далее группы групп и т.д. Таблица и группы задаются динамически. Приблизительный вид на картинке:
Задачи:
1. При наведении на ячейку выделять соответствующий столбец, ячейку заголовка и ячейку группы. Вот так:
2. При наведении на группу выделять все столбцы, входящие в эту группу. Вот так:
Если с выделением просто столбца все понятно, то с добавлением групп в данной задаче я увяз . Никаких простых решений в голову не приходит, только сложные конструкции с костылями.
Товарищи разработчики, подкиньте, пожалуйста, идей, как это можно реализовать.
Песочница для экспериментов:
https://jsfiddle.net/groog/7an8dhvo/18/ 
Простой
