<!DOCTYPE html>
<html>
<link rel="stylesheet" href="/lib/w3.css">
<script src="../lib/w3data.js"></script>
<script>
var myObject = {"customers":[
{"CustomerName":"Alfreds Futterkiste"},
{"CustomerName":"Ana Trujillo Emparedados y helados"},
{"CustomerName":"Antonio Moreno Taquer�a"},
{"CustomerName":"Around the Horn","Size":"w3-xlarge"},
{"CustomerName":"B's Beverages"}
]};
</script>
<body>
<table id="id01" class="w3-table w3-bordered w3-striped">
<tr w3-repeat="customers" class="{{Size}}">
<td>{{CustomerName}}</td>
</tr>
</table>
<script>
w3DisplayData("id01", myObject);
</script>
</body>
</html>