JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://www.google.com/jsapi"></script>
<div id="table_div"></div>
JavaScript
google.load("visualization", "1", {
packages: ["table"]
});
google.setOnLoadCallback(drawVisualization);
function drawVisualization() {
var data = google.visualization.arrayToDataTable([
['Country', 'Region/State', 'City', 'Population'],
['USA', 'California', 'San Francisco', 776733],
['USA', 'California', 'Los Angeles', 3694820],
['USA', 'California', 'Mountain View', 70708],
['USA', 'New York', 'New York', 8175173],
['USA', 'New York', 'Albany', 857592],
['France', 'Ile-de-France', 'Paris', 2193031],
['France', 'Ile-de-France', 'Orly', 21372],
['France', 'Provence', 'Marseille', 852395],
['France', 'Provence', 'Nice', 348556]
]);
var table = new google.visualization.Table(document.getElementById('table_div'));
table.draw(data, {
showRowNumber: true
});
var rows = data.getFilteredRows([{
column: 2,
value: 'Mountain View'
}]);
console.log(rows);
var rows2 = data.getFilteredRows([{
column: 2,
test: function(value, row, column, table) {
return (value.indexOf("le") > 0)
}
}]);
console.log(rows2);
}