<!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>