@BoBaller

Как сделать поиск по столбцам таблицы HTML?

Здравствуйте! Есть сайт на ModX и таблица с данными в формате HTML на одной из страниц. Подскажите как осуществить поиск по столбцам этой таблицы, чтобы при введении в текстовое поле сразу на странице отображались результаты соответствия запросу?
Пробовал делать на AngularJS, но должно же быть решение попроще.
  • Вопрос задан
  • 3571 просмотр
Пригласить эксперта
Ответы на вопрос 1
@Vivers
function tableSearch() {
    var phrase = document.getElementById('**сюда id поисковой строки**');
    var table = document.getElementById('**сюда id столбца**');
    var regPhrase = new RegExp(phrase.value, 'i');
    var flag = false;
    for (var i = 1; i < table.rows.length; i++) {
        flag = false;
        for (var j = table.rows[i].cells.length - 1; j >= 0; j--) {
            flag = regPhrase.test(table.rows[i].cells[j].innerHTML);
            if (flag) break;
        }
        if (flag) {
            table.rows[i].style.display = "";
        } else {
            table.rows[i].style.display = "none";
        }

    }
}


Сори что более 3 лет)
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы