我有两个页面,每个页面都加载与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>
答案 0 :(得分:1)
您可以在查询中设置可选的标头参数:
var query = new google.visualization.Query('https://docs.google.com/spreadsheets/d/[SPREADSHEET_ID]/gviz/tq?sheet=Crew_Traits&headers=1');