У меня есть две страницы, каждая из которых загружает отдельный лист из моего документа Google Sheets.Две страницы идентичны, за исключением листов, которые они запрашивают.Я использую визуализацию таблиц на своих страницах.
Оба загружают визуализацию.
Однако только один из них дает мне то, что я бы назвал «настоящей» строкой заголовка - то естьон сортируется (я могу щелкнуть верхнюю часть столбца, чтобы отсортировать данные по этому столбцу), его внешний вид уникален (жирный, немного другой фон), он застыл на месте, поэтому при прокрутке он остается наверху.
Похоже, что инструмент визуализации не "обнаруживает" мою строку заголовка ...
Как мне заставить его распознавать мою первую строку как заголовок?
Это "плохой кодИспользуя лист "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>