Проблема с таблицой html

[tArAntAykA_]

Столкнулся с проблемой.

У меня есть таблица и при наведении на tr* другие блюрятся, но они блюрятся все, остаються только незаблюренными все td которые входят в эту tr, мне надо чтобы при наведении например на th1 блюрились все td* кроме td1, также и при наведении на любую из td* блюрятся другие td кроме той.

Нужно учитывать то что заголовок т.е. th* никогда не блюрится.

Короче говоря нужно чтобы при наведении оставался незаблюренным только наведенный столбец.

Вот ссылка: https://jsfiddle.net/tArAntAykA_/q77a55e7/2/

Заранее спасибо за ответ. Если что то непонятно пишите.

Вот как сейчас:

Как надо: