Question

我有两个页面，每个页面都加载与Google表格文档中不同的表格。除查询的工作表外，这两个页面是相同的。我在页面上使用表格可视化。

两者均加载可视化文件。

但是，其中只有一个给我我认为是“真实”的标题行-也就是说，它是可排序的（我可以单击列的顶部以按该列对我的数据进行排序），其外观是唯一的（粗体，背景略有不同），它会冻结在适当的位置，以便在我滚动时始终位于顶部。

可视化工具似乎没有“检测”我的标题行...

如何将第一行识别为标题？

这是“错误”代码。使用工作表“ Crew_Basics”可以很好地工作。

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">  
    <?var url = getScriptUrl();?>
    <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
    <script type="text/javascript">
      google.charts.load('current', {'packages':['table']});
      google.charts.setOnLoadCallback(drawTable);
      function drawTable() {
        var query = new google.visualization.Query('https://docs.google.com/spreadsheets/d/1I3N5DtdXGWFootaOCQM201K_ao2ZPWSWyw9_l7QcwQg/gviz/tq?sheet=Crew_Traits');
        query.send(handleQueryResponse);
      }

      function handleQueryResponse(response) {
        if (response.isError()) {
          alert('Error in query: ' + response.getMessage() + ' ' + response.getDetailedMessage());
          return;
        }

        var data = response.getDataTable();
        var options = { height: 500 }

        var chart = new google.visualization.Table(document.getElementById('source_table_div'));
        chart.draw(data, options)
      }
    </script>

  </head>
  <body>
    <div id="full_page_grid_container">
      <div class="title"><h1>Select Your Crew</h1></div>
      <div class="link_home"><a href="<?=url?>">Return Home</a><br /></div>
      <div id="source_table_div" class="google_table"></div>
    </div>
  </body>
</html>

Answer 1

您可以在查询中设置可选的标头参数：

headers=N: Specifies how many rows are header rows, where N is an integer zero or greater. These will be excluded from the data and assigned as column labels in the data table. If you don't specify this parameter, the spreadsheet will guess how many rows are header rows. Note that if all your columns are string data, the spreadsheet might have difficulty determining which rows are header rows without this parameter.

var query = new google.visualization.Query('https://docs.google.com/spreadsheets/d/[SPREADSHEET_ID]/gviz/tq?sheet=Crew_Traits&headers=1');

如何强制Google Visualization Table使用标题行？

1 个答案: