带搜索栏的表格筛选器

我想要一个带有搜索栏的表格过滤器，在第一行最后一个单元格中，行跨度为4。在这一点上，如果我想搜索作为rowspan的一部分的行，将显示rowspan单元格。

let table = document.getElementById("table");
let rows = table.rows;
let input = document.getElementById("search");

input.addEventListener("keyup", function() {
  let filter = input.value.toUpperCase();

  for (let i = 0; i < rows.length; i++) {
    let cells = rows[i].cells;
    let rowSpan = 0;

    for (let j = 0; j < cells.length; j++) {
      if (cells[j].rowSpan > 1) {
        rowSpan = cells[j].rowSpan - 1;
      }

      if (cells[j].innerHTML.toUpperCase().indexOf(filter) > -1) {
        for (let k = 0; k <= rowSpan; k++) {
          rows[i + k].style.display = "";
        }
        break;
      } else {
        for (let k = 0; k <= rowSpan; k++) {
          rows[i + k].style.display = "none";
        }
      }
    }
  }
});

示例数据