求助：修改Google Apps Script代码，实现Sheet内筛选展示

核心修改思路 #

1. 移除原Web App的前端表格渲染逻辑，改为在Google Sheets内通过自定义菜单+侧边栏提供筛选交互
2. 筛选逻辑保留，但将结果直接写入Sheets的指定工作表（可新建或复用现有表）
3. 用google.script.run实现侧边栏与后端脚本的交互，完成筛选后在Sheets内展示结果

修改后的完整代码 #

1. Google Apps Script 代码（Code.gs）

function onOpen() {
  // 打开表格时创建自定义菜单
  SpreadsheetApp.getUi()
    .createMenu('数据筛选')
    .addItem('打开筛选面板', 'showFilterSidebar')
    .addToUi();
}

function showFilterSidebar() {
  // 加载筛选侧边栏界面
  const html = HtmlService.createHtmlOutputFromFile('FilterSidebar')
    .setTitle('数据筛选工具');
  SpreadsheetApp.getUi().showSidebar(html);
}

function applyFilter(filterCondition) {
  const ss = SpreadsheetApp.getActiveSpreadsheet();
  // 替换为你的数据源工作表名称
  const sourceSheet = ss.getSheetByName('数据源');
  // 筛选结果写入「筛选结果」表，不存在则自动创建
  const targetSheet = ss.getSheetByName('筛选结果') || ss.insertSheet('筛选结果');
  
  // 清空目标表原有内容
  targetSheet.clearContents();
  
  // 获取数据源全部数据
  const data = sourceSheet.getDataRange().getValues();
  if (data.length === 0) return '数据源为空';
  
  // 保留表头，执行筛选逻辑
  const header = data[0];
  let filteredData = [header];
  
  // --- 这里替换为你的实际筛选规则 ---
  // 示例：筛选第2列（索引从0开始）等于输入值的行
  for (let i = 1; i < data.length; i++) {
    const row = data[i];
    if (row[1] === filterCondition) {
      filteredData.push(row);
    }
  }
  
  // 将筛选结果写入目标表
  if (filteredData.length > 0) {
    targetSheet.getRange(1, 1, filteredData.length, filteredData[0].length).setValues(filteredData);
  }
  
  return `筛选完成，共找到 ${filteredData.length - 1} 条匹配结果`;
}

2. 侧边栏HTML代码（FilterSidebar.html）

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
    <style>
      .container { padding: 15px; font-family: Arial, sans-serif; }
      .input-group { margin-bottom: 18px; }
      label { display: block; margin-bottom: 6px; font-weight: 500; }
      input[type="text"] { width: 100%; padding: 8px; box-sizing: border-box; border: 1px solid #ddd; border-radius: 4px; }
      button { background-color: #1a73e8; color: white; border: none; padding: 10px 22px; border-radius: 4px; cursor: pointer; }
      button:hover { background-color: #1557b0; }
      #feedback { margin-top: 15px; padding: 10px; border-radius: 4px; }
    </style>
  </head>
  <body>
    <div class="container">
      <div class="input-group">
        <label for="filterVal">筛选条件：</label>
        <input type="text" id="filterVal" placeholder="输入要匹配的内容">
      </div>
      <button onclick="runFilter()">执行筛选</button>
      <div id="feedback"></div>
    </div>

    <script>
      function runFilter() {
        const filterVal = document.getElementById('filterVal').value.trim();
        if (!filterVal) {
          document.getElementById('feedback').innerHTML = '<span style="color:#d93025;">请输入筛选条件</span>';
          return;
        }
        
        google.script.run
          .withSuccessHandler(msg => {
            document.getElementById('feedback').innerHTML = `<span style="color:#137333;">${msg}</span>`;
          })
          .withFailureHandler(err => {
            document.getElementById('feedback').innerHTML = `<span style="color:#d93025;">筛选失败：${err.message}</span>`;
          })
          .applyFilter(filterVal);
      }
    </script>
  </body>
</html>

使用说明 #

1. 打开你的Google Sheets，点击「扩展程序」→「Apps脚本」进入脚本编辑器
2. 替换默认的Code.gs内容为上述GS代码，然后新建HTML文件（点击「+」→「HTML」），命名为FilterSidebar并粘贴上述HTML代码
3. 修改GS代码中的数据源为你实际的数据源工作表名称，调整筛选规则部分（row[1] === filterCondition）以匹配你的需求（比如多条件、模糊匹配等）
4. 保存脚本后，刷新Google Sheets，顶部会出现「数据筛选」菜单，点击「打开筛选面板」即可调出侧边栏进行筛选，结果会自动写入「筛选结果」工作表

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