Table Chart Example

An example of a Google Table Chart.

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
       <h3>How Much Pizza I Ate Last Night</h3>
       <div id="table_div"></div>

JavaScript

google.charts.load('current', {'packages':['table']});
      google.charts.setOnLoadCallback(drawTable);

      function drawTable() {
        var data = new google.visualization.DataTable();
        data.addColumn('string', 'Name');
        data.addColumn('number', 'Piece');
        data.addColumn('boolean', 'Much');
        data.addRows([
          ['Mike',  {v: 15, f: '15'}, true],
          ['Alice',   {v:7,   f: '7'},  false],
          ['Jim', {v: 18, f: '18'}, true],
          ['Bob',   {v:25,  f: '25'},  true]
        ]);
         var options = {title:'How Much Pizza I Ate Last Ni'};

        var table = new google.visualization.Table(document.getElementById('table_div'));

        table.draw(data, options, {showRowNumber: true, width: '100%', height: '100%'});
      }