標題行中的谷歌圖的表格固定不工作

我發現，從理論上講，谷歌圖應該是當你滾動下來自動修復一個表的標題行：標題行中的谷歌圖的表格固定不工作

「頭行在用戶滾動時保持不變。「（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>

來源

2013-01-16 swperman

使用網站上的確切代碼時，它是否適用於您？ – holaSenor

如果向表中添加「高度」屬性，則會在頁面垂直滾動時將標題行保留在頂部。使用您的示例，只需將以下內容添加到您的選項。

您的代碼：

3210

調整代碼：

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

，如果你有你希望有人來滾動數據量大，這是有用的，但它是不是你認爲它是。如果你想讓行標題'float'，你必須使用絕對定位和一些花哨的CSS來處理它在滾動頁面時的工作方式（假定頁面滾動）。僅僅使用上述的高度就容易得多。

來源

2013-01-17 07:59:43 jmac

標題行中的谷歌圖的表格固定不工作

回答

相關問題