Фильтрация таблицы на JavaScript

[volshebnyi]

Здравствуйте!

Имеется таблица с заголовками. Есть к ней фильтр: https://jsfiddle.net/3eqfLb7b/

Фильтрация убирает строки tr, которые не совпадают с искомым значением. Но заголовки th остаются. Подскажите, пожалуйста, как скрыть заголовки, которые не содержат искомое значение?

Заранее благодарю за помощь.

[by chris]

@volshebnyi, https://jsfiddle.net/3eqfLb7b/1/

[by chris]

@volshebnyi, в данной ситуации не правильная верстка. Th должен быть в thead и сверху таблицы, и thead должен быть один. Т.е получиться не одна а две таблицы. Не вижу смысла что-то изобретать в невалидной разметке.

[volshebnyi]

41 минуту назад, by chris сказал:

@volshebnyi, https://jsfiddle.net/3eqfLb7b/1/

В таком случае, скрываются все заголовки. А как сделать, что бы оставались те, у которых есть искомое значение? И вообще, реально ли это в данной ситуации?

[volshebnyi]

@by chris, согласен с Вами. Верстку исправил - https://jsfiddle.net/3eqfLb7b/2/ 

При валидной можно сделать так, что бы прятались "ненужные" заголовки?

[Q4Dizzy]

Цитата

An HTML table with a <thead>, <tfoot>, and a <tbody> element:

theader ?

[volshebnyi]

1 минуту назад, Q4Dizzy сказал:

theader ?

Спасибо. Исправил.

https://jsfiddle.net/3eqfLb7b/3/

[by chris]

https://jsfiddle.net/3eqfLb7b/5/