Table Chart Example

An example of a Google Table Chart.

HTML

<script type="text/javascript" 
             src="https://www.gstatic.com/charts/loader.js"></script>
<button id="CSVDownload" class="littlebutton" onclick="downloadCSV(dtCPD,'PanicDetails.csv')" title="Download to CSV">Download to CSV</Button>
       <div id="table_div" runat="server" style="height: 600px; overflow: auto;width: 100%"></div>

JavaScript

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

      function drawTable() {
        var numberFormatter = new google.visualization.NumberFormat({fractionDigits: 0 });  
        var data = new google.visualization.DataTable();

        data.addColumn('string', 'Name');
        data.addColumn('number', 'Salary');
        data.addColumn('number', 'Salary2');
        data.addColumn('number', 'Salary3');
        data.addColumn('number', 'Salary4');
        data.addColumn('boolean', 'Full Time Employee');

        data.addRows([
          ['Mike', 10000,3333333333333333310000, 10000, 10000, true],
          ['Jim', 8000, 10000, 10000, 10000,  false],
          ['Alice', 12500, 10000, 10000, 10000, true],
          ['Bob',  7000, 10000, 10000, 10000,   true]
        ]);


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

        table.draw(data, {allowHtml: true, page: 'enable',pageSize: 500,height:'550',showRowNumber: true, cssClassNames: {tableCell: 'customChartStyle'}});
      }