1

我发现，理论上，当您向下滚动表格时，Google Chart 应该会自动修复表格的标题行：

“当用户滚动时，标题行保持固定。” （https://developers.google.com/chart/interactive/docs/gallery/table - 概述）

出于某种奇怪的原因，我的表格没有修复标题行。这是代码。我基本上从 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>
4

1 回答 1

2

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

你的代码：

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

调整后的代码：

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

如果您有大量数据希望某人滚动，这很有用，但它不是您认为的那样。如果您想让行标题“浮动”，则必须使用绝对定位和一些花哨的 CSS 来处理滚动页面时的工作方式（假设页面滚动）。如上所述使用高度要容易得多。

于 2013-01-17T07:59:43.150 回答