JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://www.google.com/jsapi?fake=.js"></script>
<div id="chart_div" style="width: 900px; height: 500px;"></div>
CSS
.selected {
background-color: white;
}
JavaScript
google.load('visualization', '1', {
packages: ['table']
});
function drawVisualization() {
var data = google.visualization.arrayToDataTable([
['', 'Name', 'E-mail', 'Activated', 'Last login'],
['<input type="checkbox">', 'name1', '[email protected]', true, '20-07-2012'],
['<input type="checkbox">', 'name2', '[email protected]', true, '21-07-2012']
]);
var options = {};
options['showRowNumber'] = false;
options['page'] = 'enable';
options['allowHtml'] = true;
options['pageSize'] = 18;
options['pagingButtonsConfiguration'] = 'auto';
options['cssClassNames'] = {}
options['cssClassNames']['selectedTableRow'] = 'selected';
var visualization = new google.visualization.Table(document.getElementById('chart_div'));
visualization.draw(data, options);
}
google.setOnLoadCallback(drawVisualization);