JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
<head>
	<title></title>
</head>
<body>

	<table border="solid 2px;" style="font-size:50px;" id="myTable">

	</table>

<script type="text/javascript">
		var cars = ["Saab", "Volvo", "BMW"];
		var table = document.getElementById("myTable");
		var tableHead = "<thead><th>Cars</th></thead>";
		table.innerHTML += tableHead;
		for(var i = 0; i<cars.length; i++)
		{	
			table.innerHTML += "<tbody><td>"+cars[i]+"</td></tbody>";
		}
		
</script>
</body>
</html>