0
我有一個PHP頁面和一個表格,我用數據庫中的數據填充它。我在表格頂部有一個搜索字段,我想在輸入時篩選行。在表中過濾結果
這裏是我的Javascript
$('#system-search').keyup(function()
{
var that = this;
// affect all table rows on in systems table
var tableBody = $('.table table-filter tbody');
var tableRowsClass = $('.table table-filter tbody tr');
$('.search-sf').remove();
tableRowsClass.each(function(i, val)
{
//Lower text for case insensitive
var rowText = $(val).text().toLowerCase();
var inputText = $(that).val().toLowerCase();
if(inputText != '')
{
$('.search-query-sf').remove();
tableBody.prepend('<tr class="search-query-sf"><td colspan="6"><strong>Searching for: "'
+ $(that).val()
+ '"</strong></td></tr>');
}
else
{
$('.search-query-sf').remove();
}
if(rowText.indexOf(inputText) == -1)
{
//hide rows
tableRowsClass.eq(i).hide();
}
else
{
$('.search-sf').remove();
tableRowsClass.eq(i).show();
}
});
//all tr elements are hidden
if(tableRowsClass.children(':visible').length == 0)
{
tableBody.append('<tr class="search-sf"><td class="text-muted" colspan="6">No entries found.</td></tr>');
}
});
很抱歉的惡意代碼和格式我似乎無法理解如何將它正確地格式化..
你能描述一下如果這個代碼當前行爲?問題究竟是什麼? –
我正在嘗試實現與此處完全相同的功能:https://bootsnipp.com/snippets/featured/js-table-filter-simple-insensitive。當我開始在搜索框中輸入時,它會過濾掉結果 – user2996891
客戶端(javascript)過濾可能是大型表格不好的模式 –