HTML-таблица фильтра с колонками

Question

Я установил базовую таблицу из примера в SO here, где я добавил заголовки столбцов.

Может кто-нибудь сделать предложение, как исправить фильтр таблицы, чтобы он не скрывал заголовки столбцов? Вот код jsfiddle, который я тестировал.

Javascript

var $rows = $('#table tr'); 
$('#search').keyup(function() { 

var val = '^(?=.*\\b' + $.trim($(this).val()).split(/\s+/).join('\\b)(?=.*\\b') + ').*$', 
    reg = RegExp(val, 'i'), 
    text; 

$rows.show().filter(function() { 
    text = $(this).text().replace(/\s+/g, ' '); 
    return !reg.test(text); 
}).hide(); 
}); 

Пример поиск: Если вы наберете яблоко в поиске - это скрывает название 1 и название 2. Тем не менее, я предпочитаю, чтобы сохранить титул 1 и 2 титула после того, как поиск был введен.

Answer 1

Моя рекомендация: добавить класс в свой заголовок, и исключает, что из результатов фильтра:

http://jsfiddle.net/7BUmG/1161/

<input type="text" id="search" placeholder="Type to search"> 
<table id="table"> 
    <tr class="header"> 
     <th>Title 1</th> 
     <th>Title 2</th> 
    </tr>  
    <tr> 
     <td>Apple</td> 
     <td>Green</td> 
    </tr> 
    <tr> 
     <td>Grapes</td> 
     <td>Green</td> 
    </tr> 
    <tr> 
     <td>Orange</td> 
     <td>Orange</td> 
    </tr> 
</table> 

    var $rows = $('#table tr[class!="header"]'); 
    $('#search').keyup(function() { 

     var val = '^(?=.*\\b' + $.trim($(this).val()).split(/\s+/).join('\\b)(?=.*\\b') + ').*$', 
      reg = RegExp(val, 'i'), 
      text; 

     $rows.show().filter(function() { 
      text = $(this).text().replace(/\s+/g, ' '); 
      return !reg.test(text); 
     }).hide(); 
    }); 

Answer 2

Использование var $rows = $('#table tbody tr');