title: adjust scroll-bar for Google Chart table
body: <p>the vertical scroll-bar on my table hovers over my data. I cannot seem to move the vertical scroll-bar nor can I change the width of the table. I even tried left aligning the text on my 2nd column but nothing happens.</p>
  
  <p>This is my table:</p>
  
  <p><a href="https://i.stack.imgur.com/sGpEL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/sGpEL.png" alt="enter image description here"></a></p>
  
  <p>I have to scroll across to see all my data:</p>
  
  <p><a href="https://i.stack.imgur.com/W1vCk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/W1vCk.png" alt="enter image description here"></a></p>
  
  <p>Is there a way to see the full width of my table and not have the vertical scroll bar hover over my 2nd column?</p>
  
  <p>this is the code:</p>
  
  <pre><code>&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.1", { packages: ["table"] });
      google.setOnLoadCallback(drawTable);
  
  
      function drawTable() {
  
          var data = google.visualization.arrayToDataTable([
            ['Researcher Name', 'Number of Submissions'],
             @Html.Raw(rows)]);
  
          var options = {
              title: ''
          };
          var dashboard = new google.visualization.Dashboard(document.querySelector('#dashboard'));
  
          var stringFilter = new google.visualization.ControlWrapper({
              controlType: 'StringFilter',
              containerId: 'string_filter_div',
              options: {
                  filterColumnIndex: 0
              }
          });
          var table = new google.visualization.ChartWrapper({
              chartType: 'Table',
              containerId: 'table_div',
              options: {
                  showRowNumber: false
              }
          });
          dashboard.bind([stringFilter], [table]);
          dashboard.draw(data);
      }
      google.load('visualization', '1', { packages: ['controls'], callback: drawTable });
  &lt;/script&gt;
  &lt;div id="dashboard"&gt;
      &lt;div id="string_filter_div"&gt;&lt;/div&gt;
      &lt;div style="height:450px" id="table_div"&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>