求助：基于Google Apps Script，DataTables无法显示Google Sheet数据

核心问题点 #

1. 函数定义不完整：getSpreadsheetData函数缺少闭合花括号，导致无法正常执行并返回数据。
2. 数据范围冗余：直接获取A:F整列会包含大量空行，干扰DataTables渲染。
3. 初始化时机冗余：dispData函数内嵌套$(document).ready()是多余的，会延迟表格初始化。

修正后的代码 #

code.gs

function doGet(){
  return HtmlService.createTemplateFromFile("dt").evaluate();
}

function getSpreadsheetData() {
  const ss = SpreadsheetApp.openById("sheetid");
  const ws = ss.getSheetByName("database_edited");
  // 获取实际有数据的区域，避免空行干扰
  const dataRange = ws.getRange("A1").getDataRegion();
  const data = dataRange.getDisplayValues();
  const headersArray = data.shift();
  const headersObject = headersArray.map(header => ({title: header}));
  return {data: data, headers: headersObject};
}

dt.html

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
    <link href="https://cdn.datatables.net/1.13.4/css/jquery.dataTables.min.css" rel="stylesheet">
  </head>
  <body>
    <h1 id="tes"></h1>
    <table id="tabelp" class="display" width="100%"></table>

    <script type="text/javascript" src="https://code.jquery.com/jquery-3.5.1.js"></script>
    <script type="text/javascript" src="https://cdn.datatables.net/1.13.4/js/jquery.dataTables.min.js"></script>

    <script>
      function dispData(dataSet) {
        $('#tabelp').DataTable({
          data: dataSet.data,
          columns: dataSet.headers
        });
      }
       
      google.script.run.withSuccessHandler(dispData).getSpreadsheetData();
    </script>
  </body>
</html>

修正说明 #

• 补全getSpreadsheetData函数的闭合花括号，确保函数能正常执行并返回结构正确的数据对象。
• 使用getDataRegion()替代固定列范围，仅获取表格中实际有数据的区域，避免空行导致DataTables渲染异常。
• 移除dispData内的$(document).ready()包裹，因为google.script.run的回调触发时页面已加载完成，重复包裹会延迟表格初始化流程。

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