Как сделать поиск/фильтрацию таблицы расположенной на нескольких страницах?

Question

[Михаил]

Всем здравствуйте! Подскажите пожалуйста, как реализовать, может есть какие-нибудь примеры реализации поиска и фильтрации многостраничной таблицы, другими словами - на странице есть пагинация и в цикле выводится несколько сотен позиций в табличном виде, на одной странице размещено только двадцать позиций. Ниже описана текущая функция, но она выполняет поиск только на текущей странице, может как-то ее можно доработать, чтобы искала по всей таблице.

function search() {
    var input, filter, table, tr, td, i, txtValue;
    input = document.getElementById("search");
    filter = input.value.toUpperCase();
    table = document.getElementById("device");
    tr = table.getElementsByTagName("tr");
    for (i = 0; i < tr.length; i++) {
        td = tr[i].getElementsByTagName("td")[1];
        if (td) {
            txtValue = td.textContent || td.innerText;
            if (txtValue.toUpperCase().indexOf(filter) > -1) {
                tr[i].style.display = "";
            } else {
                tr[i].style.display = "none";
            }
        }       
    }
}

Comments

[Kotaro Hiba]

Да, если у вас верстка таблиц одинаковая, а id разные, то добавить параметры функции и передевать в качестве аргументов инпут и саму таблицу.

[Михаил]

Kotaro Hiba, извините, я в js не очень силен, так скажем начальный уровень, можете немного подробнее объяснить как в функцию передать аргументы инпута и таблицы. Идентификатор у таблицы на всех страницах всегда один - #device.

[Kotaro Hiba]

Михаил,

function search(input, table) {}

//Далее вызов
search(document.querySelector('#input'), document.querySelector('#table'))

Т.е мы во время вызова функции находим нужный инпут и таблицу с которой нужно работать.

[Alfieros]

Используй библиотеку dataTables, там это всё реализовано в полной мере, или ajax'oм.