如何隐藏GridView中除首列外其余单元格为空的表格行

我来帮你梳理下这个问题的原因和解决办法：

你有一个从CSV文件填充数据的GridView表格，其中部分行除了首列（存储分类信息）之外，其余单元格都是空的。你想用JavaScript隐藏这些无效行，但最初的代码没生效，调试发现目标行的rowData数组元素看似都是单个空格，但判断逻辑始终没触发。

你最初的判断条件val == " "太严格了：

• 单元格的空白内容不一定是单个空格，可能是多个空格、换行符、制表符这类不可见的空白字符
• .text()方法获取的内容可能自带首尾空白，直接和单个空格比对会匹配失败，导致every()返回false，隐藏逻辑无法执行

核心是对每个单元格的文本做去空白处理，用trim()方法去掉字符串首尾所有空白字符，再判断是否为空字符串。同时补充完整的行隐藏实现代码：

$('tr:not(:first-child)').each(function () { 
  let rowData = new Array(); 
  var q = 0; 
  $(this).find('td:not(:first-child)').each(function () { 
    rowData[q++] = $(this).text(); 
  }); 
  let result = rowData.every(function (val) { return String(val).trim() === "" }); 
  if (result == true) { 
    $(this).closest('tr').hide(); 
  }; 
});

如果想简化代码，还可以不用数组存储，直接在遍历单元格时判断，这样更高效：

$('tr:not(:first-child)').each(function () {
  const hasNonEmptyCell = $(this).find('td:not(:first-child)').filter(function() {
    return $(this).text().trim() !== "";
  }).length > 0;
  
  if (!hasNonEmptyCell) {
    $(this).hide();
  }
});

这个写法直接过滤出非空单元格，如果没有就隐藏当前行，省去了数组存储的步骤，逻辑更直观。

内容的提问来源于stack exchange，提问作者numbfx