JSFiddle - React, Tailwind, and code Playground

HTML

<script type="text/javascript" src="https://www.gstatic.com/charts/loader.js"></script>
<div id="table_div"></div>

JavaScript

google.charts.load('current', {'packages':['table']});
google.charts.setOnLoadCallback(drawTable);
function drawTable()
{
  data = new google.visualization.DataTable();
  data.addColumn('datetime', 'Date Time');
  data.addColumn('number', 'Values');
  data.addRows(18);
  
  var startTs = new Date(2017,2,26,0,10,0).getTime()
    
  var values = [
      21.7,
      23.4,
      24.7,
      23.5,
      16.3,
      17.6,
      19.5,
      20.9,
      24.6,
      24.9,
      23.3,
      21.6,
      23.2,
      24.9,
      24.1,
      25.0,
      23.6,
      25.7
  ]
          
  values.forEach(function(v, index){
  	  data.setCell(index, 0, new Date( startTs + index * 10 * 60 * 1000 ));         
      data.setCell(index, 1, v);      
  });


  var tableOptions = {showRowNumber: true, allowHtml: true,page: 'enable',pageSize: 20};
  var dataTable = new google.visualization.Table(document.getElementById('table_div'));
  dataTable.draw(data, tableOptions);

}