如何从特定列中过滤网格视图数据-单击按钮时重复

// 获取按钮元素
var filterButton = document.getElementById('filterButton');

// 绑定按钮点击事件处理程序
filterButton.addEventListener('click', function() {
  // 获取需要过滤的列的值
  var filterValue = document.getElementById('filterColumn').value;

  // 获取网格视图对象
  var gridView = document.getElementById('gridView');

  // 获取网格视图的所有行
  var rows = gridView.getElementsByTagName('tr');

  // 遍历每一行
  for (var i = 0; i < rows.length; i++) {
    // 获取当前行的特定列的值
    var columnValue = rows[i].getElementsByTagName('td')[2].innerHTML;

    // 检查列值是否与过滤值匹配
    if (columnValue === filterValue) {
      // 显示匹配的行
      rows[i].style.display = '';
    } else {
      // 隐藏不匹配的行
      rows[i].style.display = 'none';
    }
  }
});