<!DOCTYPE html>
<html>
<title>W3.JS</title>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<script src="https://www.w3schools.com/lib/w3.js"></script>
<script>
var myObject = {"customers":[
{"CustomerName":"Alfreds Futterkiste","Color":"w3-red"},
{"CustomerName":"Ana Trujillo Emparedados y helados","Color":"w3-green"},
{"CustomerName":"Antonio Moreno Taquer a","Color":"w3-blue"},
{"CustomerName":"Around the Horn","Color":"w3-yellow"}
]};
</script>
<body class="w3-container">
<h2>Testing W3.JS with CSS</h2>
<table id="id01" class="w3-table-all">
<tr w3-repeat="customers" class="{{Color}}">
<td>{{CustomerName}}</td>
</tr>
</table>
<script>
w3.displayObject("id01", myObject);
</script>
</body>
</html>