Задать вопрос
@BoBaller

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

Здравствуйте! Есть сайт на ModX и таблица с данными в формате HTML на одной из страниц. Подскажите как осуществить поиск по столбцам этой таблицы, чтобы при введении в текстовое поле сразу на странице отображались результаты соответствия запросу?
Пробовал делать на AngularJS, но должно же быть решение попроще.
  • Вопрос задан
  • 3671 просмотр
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Fullstack-разработчик на JavaScript + ИИ
    11 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию + ИИ
    6 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 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 лет)
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы