如何隐藏表格，直到在搜索中输入筛选/输入

#myTable {
  display: none; /* 或 visibility: hidden; */
}

<input type="text" id="searchInput" oninput="filterTable()">

function filterTable() {
  var input = document.getElementById("searchInput");
  var filter = input.value.toUpperCase();
  var table = document.getElementById("myTable");
  var rows = table.getElementsByTagName("tr");

  for (var i = 0; i < rows.length; i++) {
    var cells = rows[i].getElementsByTagName("td");
    var shouldShow = false;

    for (var j = 0; j < cells.length; j++) {
      var cell = cells[j];
      if (cell) {
        var cellText = cell.textContent || cell.innerText;
        if (cellText.toUpperCase().indexOf(filter) > -1) {
          shouldShow = true;
          break;
        }
      }
    }

    rows[i].style.display = shouldShow ? "" : "none";
  }

  table.style.display = ""; // 显示表格
}