Поиск по таблице jquery

[Den1xxx]

Здравствуйте, народ.
Есть таблица в html с thead и tbody
В thead — заголовок, в tbody — данные, много и всё на 1 странице.
Задача: реализовать «живой» поиск, чтобы в tbody отображались только строчки с введёнными словами (скрывать «tr» без этих слов), можно с помощью дополнительного инпута.
Как это сделать, можно с jQuery (все равно подключен к странице), или подскажите плагин с таким функционалом?

 

[Andipas]

Здравствуйте
Для просмотра ссылки Войди или Зарегистрируйся
Для просмотра ссылки Войди или Зарегистрируйся

 

[ZOLK]

Здравствуйте, народ.
Есть таблица в html с thead и tbody
В thead — заголовок, в tbody — данные, много и всё на 1 странице.
Задача: реализовать «живой» поиск, чтобы в tbody отображались только строчки с введёнными словами (скрывать «tr» без этих слов), можно с помощью дополнительного инпута.
Как это сделать, можно с jQuery (все равно подключен к странице), или подскажите плагин с таким функционалом?

Лови, там все что нужно, поиск, сортировка, разбиение по страницам и вплоть до экспорта данных в xls или pdf

 

[Den1xxx]

Спасибо, всё получилось.
Выдрал код плагина tableSearch и вставил на страницу (может ещё кому пригодится) :

<script type="text/javascript">
(function($){
    $.fn.tableSearch = function(options){
        if(!$(this).is('table')){
            return;
        }
        var tableObj = $(this),
            searchText = (options.searchText)?options.searchText:'Найти: ',
            searchPlaceHolder = (options.searchPlaceHolder)?options.searchPlaceHolder:'',
            divObj = $('<div>'+searchText+'</div><br /><br />'),
            inputObj = $('<input type="text" placeholder="'+searchPlaceHolder+'" />'),
            caseSensitive = (options.caseSensitive===true)?true:false,
            searchFieldVal = '',
            pattern = '';
        inputObj.off('keyup').on('keyup', function(){
            searchFieldVal = $(this).val();
            pattern = (caseSensitive)?RegExp(searchFieldVal):RegExp(searchFieldVal, 'i');
            tableObj.find('tbody tr').hide().each(function(){
                var currentRow = $(this);
                currentRow.find('td').each(function(){
                    if(pattern.test($(this).html())){
                        currentRow.show();
                        return false;
                    }
                });
            });
        });
        tableObj.before(divObj.append(inputObj));
        return tableObj;
    }
}(jQuery));
$(document).ready(function(){
   $('table.search-table').tableSearch({
     searchText:'Поиск ',
     searchPlaceHolder:'Найти...'
    });
});

</script>

Закройте, пожалуйста, тему

 

[Lin]

Спасибо за код.
Я плюсану за дататэйблс, очень мощный плагин.

 

[invader]

Спасибо за код.
Я плюсану за дататэйблс, очень мощный плагин.

Похоже кто то скоро дофлудиться...

 

[Den1xxx]

Похоже кто то скоро дофлудиться...

Ну а то, просили ж —

Закройте, пожалуйста, тему

больше месяца назад уже.
Теперь и мне уведомление пришло, что кто-то здесь отписАлся
Закройте её уже, в конце концов.

 

[invader]

Ну а то, просили ж —

В упор не вижу подобных просьб в этом топике.
P.S. Таки увидел после простыни кода...
Закрыто.