<!DOCTYPE html>
<html>
<title>sargonco</title>
<style>
.red {background-color: red}
.green {background-color: green}
.blue {background-color: blue}
.yellow {background-color: yellow}
</style>
<script src="http://www.sargonco.com/Uploads/Public/article/webdistut/javascript/w3.js"></script>

<script>
var myObject = {"customers":[
{"CustomerName":"Alfreds Futterkiste","Color":"red"},
{"CustomerName":"Ana Trujillo Emparedados y helados","Color":"green"},
{"CustomerName":"Antonio Moreno Taquería","Color":"blue"},
{"CustomerName":"Around the Horn","Color":"yellow"}
]};
</script>
<body>

<table id="id01">
  <tr w3-repeat="customers" class="{{Color}}">
    <td>{{CustomerName}}</td>
  </tr>
</table>

<script>
w3.displayObject("id01", myObject);
</script>

</body>
</html> 

{{CustomerName}}