title: Header row fixing in a Google Chart table is not working
body: <p>I found out that, in theory, Google Chart is supposed to automatically fix the header row of a table when you scroll it down:</p>
  
  <blockquote>
    <p>"The header row remains fixed as the user scrolls." (<a href="https://developers.google.com/chart/interactive/docs/gallery/table" rel="nofollow">https://developers.google.com/chart/interactive/docs/gallery/table</a> - Overview)</p>
  </blockquote>
  
  <p>For some strange reason, my table is not fixing the header row. Here's the code. I basically copied the same example code from Google's page (the link above) and put some 40 extra rows to it. Am I missing something? I've already tried in both Firefox and Chrome, same thing, no fixing.</p>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;
      &lt;script type='text/javascript' src='https://www.google.com/jsapi'&gt;&lt;/script&gt;
  
      &lt;script type='text/javascript'&gt;
        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});
        }
      &lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div id="table_test" style="width: 200px;"&gt;&lt;/div&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>