<!DOCTYPE html>
<html lang="en-US">
<head>
<script src="https://www.gstatic.com/charts/loader.js"></script>
</head>
<body>
<div id="point">
</div>
<script>
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', 'Salary');
data.addColumn('boolean', 'Full Time Employee');
data.addRows([
['Alex', {v: 10000, f: '$10,000'}, true],
['Blake', {v:8000, f: '$8,000'}, false],
['Charlie', {v: 12500, f: '$12,500'}, true],
['Dixon', {v: 7000, f: '$7,000'}, true]
]);
var options = {
width: '100%',
height: 200,
showRowNumber: true
};
var table = new google.visualization.Table(document.getElementById('point'));
table.draw(data, options);
}
</script> </body>
</html>