Здравствуйте. Захотел сделать страничку с таблицей и полем для поиска, поиск нужен именно "живой", т.е по мере ввода текста для поиска - в таблице удаляются ненужные результаты и в конце концов остаются только те строки, которые удовлетворяют условиям поиска.
Пример рабочего решения
тут
Но проблема в том, что мне нужно использовать в таблице теги rowspan (деление ячеек по вертикали) и все получается криво:
вот пример таблицы с разделенными ячейками - попробуйте ввести в поле поиска одну букву "s" или "a" и увидите в чем проблема.
Может кто знает решение?
Вот код скрипта:
Код:
|
<script>
$(document).ready(function()
{
$('#search').keyup(function()
{
searchTable($(this).val());
});
});
function searchTable(inputVal)
{
var table = $('#tblData');
table.find('tr').each(function(index, row)
{
var allCells = $(row).find('td');
if(allCells.length > 0)
{
var found = false;
allCells.each(function(index, td)
{
var regExp = new RegExp(inputVal, 'i');
if(regExp.test($(td).text()))
{
found = true;
return false;
}
});
if(found == true)$(row).show();else $(row).hide();
}
});
}
</script> |