Поиск таблицы по отфильтрованной таблице?

Question

У меня есть функция поиска, которая ищет таблицу с 3 столбцами. Теперь я реализовал раскрывающийся список, который фильтрует таблицу по месту, но при использовании функции поиска он ищет всю таблицу, а не элементы, которые остались от раскрывающегося списка. Ниже приведена моя функция фильтрации таблицы, но есть ли что-то, что я могу добавить к фильтру, основываясь на том, что отображается, а не на том, что таблица имеет в целом?

Использование HTML + JS

    function filterTable(event) {
    var filter = event.target.value;
    var rows = document.querySelector("#rosterTable tbody").rows;

    for (var i = 0; i < rows.length; i++) {
        var firstCol = rows[i].cells[0].textContent;
        var fourthCol = rows[i].cells[3].textContent;
        var fifthCol = rows[i].cells[4].textContent;

        if (firstCol.indexOf(filter) > -1 || fourthCol.indexOf(filter) > -1 || fifthCol.indexOf(filter) > -1) {
            rows[i].style.display = "";
        } else {
            rows[i].style.display = "none";
        }
    }
}
document.querySelector('#myInput').addEventListener('keyup', filterTable, false);