google charts table chart tutorial - google charts examples

Code

<html>
<head>
<title>Google Charts tutorial Tutorial - Wikitechy</title>
   <script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
   <script type="text/javascript">
     google.charts.load('current', {packages: ['table']});     
   </script>
</head>
<body>
<div id="container" style="width: 650px; height: 500px; margin: 0 auto"></div>
<script language="JavaScript">
function drawChart() {
   // Define the chart to be drawn.
   var data = new google.visualization.DataTable();
   data.addColumn('string', 'Name');
   data.addColumn('number', 'Salary');
   data.addColumn('boolean', 'Full Time Employee');
   data.addRows([
      ['Anu',  {v: 10000, f: '$50,000'}, true],
      ['Preethi',   {v:8000,   f: '$28,000'},  false],
      ['Antony', {v: 12500, f: '$32,500'}, true],
      ['Vincent',   {v: 7000,  f: '$17,000'},  false]
   ]);

var options = {
      showRowNumber: true,
      width: '50%', 
	  height: '50%'
      
   };
		
   // Instantiate and draw the chart.
   var chart = new google.visualization.Table(document.getElementById('container'));
   chart.draw(data, options);
}
google.charts.setOnLoadCallback(drawChart);
</script>
</body>
</html>

Result