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