动态表格分页和搜索

时间:2012-11-16 13:37:09

标签: javascript jquery asp-classic

我有一个动态表,只显示10条记录,并使用分页显示接下来的10条记录。我想要一个搜索功能。我遵循本指南http://www.vonloesch.de/node/23但我只能搜索前10条记录。

感谢任何帮助。感谢

1 个答案:

答案 0 :(得分:0)

此函数将根据每行的内容过滤整个表的行,而不是像您提供的链接中那样只过滤一个单元格。

// text => the text to search for
// _id => id of table to filter
// noOfHeaderRows => number of header rows :)
function filterTable( text, _id, noOfHeaderRows ) {

    var table = document.getElementById( _id ), contents, row;

    for (var r = noOfHeaderRows; r < table.rows.length; r++){

        row = table.rows[r];
        contents = row.textContent || row.innerText; 
        contents = contents.toUpperCase();
        text = text.toUpperCase();

        if( contents.indexOf( text ) > -1 ) {
            row.style.display = "";
        } else {
            row.style.display = "none";
        }

    }
}

小提琴here