Javascript Google图表表中的标题行修复无效_Javascript_Google Visualization

Javascript Google图表表中的标题行修复无效

javascript google-visualization

Javascript Google图表表中的标题行修复无效,javascript,google-visualization,Javascript,Google Visualization,我发现，理论上，谷歌图表应该在向下滚动时自动修复表格的标题行： “当用户滚动时，标题行保持固定。”（-Overview）出于某种奇怪的原因，我的表没有修复标题行。这是密码。我基本上是从Google的页面（上面的链接）复制了相同的示例代码，并在其中增加了40行。我错过什么了吗？我已经在Firefox和Chrome上试过了，同样的东西，没有修复 <html> <head> <script type='text/javascript' src='https:

我发现，理论上，谷歌图表应该在向下滚动时自动修复表格的标题行：

“当用户滚动时，标题行保持固定。”（-Overview）

出于某种奇怪的原因，我的表没有修复标题行。这是密码。我基本上是从Google的页面（上面的链接）复制了相同的示例代码，并在其中增加了40行。我错过什么了吗？我已经在Firefox和Chrome上试过了，同样的东西，没有修复

<html>
  <head>
    <script type='text/javascript' src='https://www.google.com/jsapi'></script>

    <script type='text/javascript'>
      google.load('visualization', '1', {packages:['table']});
      google.setOnLoadCallback(drawTable);
      function drawTable() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Column0');
        data.addColumn('number', 'Column1'); 
        data.addRows([
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1],
          ['a',1]
        ]);

        var table = new google.visualization.Table(document.getElementById('table_test'));
        table.draw(data, {showRowNumber: true});
      }
    </script>
  </head>
  <body>
    <div id="table_test" style="width: 200px;"></div>
  </body>
</html>


load（'visualization'，'1'，{packages:['table']}）；
setOnLoadCallback（drawTable）；
函数drawTable（）{
var data=new google.visualization.DataTable（）；
data.addColumn（'string'，'Column0'）；
data.addColumn（'number'，'Column1'）；
data.addRows([
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]，
[a'，1]
]);
var table=新的google.visualization.table（document.getElementById（'table_test'）；
table.draw（数据，{showRowNumber:true}）；
}

如果向表中添加“height”属性，则在垂直向下滚动页面时，标题行将保持在顶部。使用您的示例，只需将以下内容添加到您的选项中

您的代码：

table.draw(data, {showRowNumber: true});

调整代码：

table.draw(data, {showRowNumber: true, height: 200});

如果你有大量的数据想让别人滚动，但不是你想象的那样，这是很有用的。如果你想让行标题“浮动”，你必须使用绝对定位和一些奇特的CSS来处理它在滚动页面时的工作方式（假设页面滚动）。仅使用上述高度就容易多了。

当使用网站上的精确代码时，它是否适用于您？