zig Tryit Editor

<!DOCTYPE html>
<html lang="en-US">
<title>Customers</title>
<link rel="stylesheet" href="../w3css/4/w3.css">
<script src="2.0.3/appml.js"></script>
<body>
<div class="w3-container" appml-data="dataObj">
<h1>Customers</h1>
<h3>Displayed from Object</h3>
  <table class="w3-table-all">
  <tr>
    <th>Customer</th>
    <th>City</th>
    <th>Country</th>
  </tr>
  <tr appml-repeat="records">
    <td>{{CustomerName}}</td>
    <td>{{City}}</td>
    <td>{{Country}}</td>
  </tr>
  </table>
</div>
<script>
  var dataObj = {
    "records": [
      { "CustomerName": "Alfreds Futterkiste", "City": "Berlin", "Country": "Germany" },
      { "CustomerName": "Ana Trujillo Emparedados y helados", "City": "M�xico D.F.", "Country": "Mexico" },
      { "CustomerName": "Antonio Moreno Taquer�a", "City": "M�xico D.F.", "Country": "Mexico" },
      { "CustomerName": "Around the Horn", "City": "London", "Country": "UK" },
      { "CustomerName": "B's Beverages", "City": "London", "Country": "UK" },
      { "CustomerName": "Berglunds snabbk�p", "City": "Lule�", "Country": "Sweden" },
      { "CustomerName": "Blauer See Delikatessen", "City": "Mannheim", "Country": "Germany" },
      { "CustomerName": "Blondel p�re et fils", "City": "Strasbourg", "Country": "France" },
      { "CustomerName": "B�lido Comidas preparadas", "City": "Madrid", "Country": "Spain" },
      { "CustomerName": "Bon app'", "City": "Marseille", "Country": "France" },
      { "CustomerName": "Bottom-Dollar Marketse", "City": "Tsawassen", "Country": "Canada" },
      { "CustomerName": "Cactus Comidas para llevar", "City": "Buenos Aires", "Country": "Argentina" },
      { "CustomerName": "Centro comercial Moctezuma", "City": "M�xico D.F.", "Country": "Mexico" },
      { "CustomerName": "Chop-suey Chinese", "City": "Bern", "Country": "Switzerland" },
      { "CustomerName": "Com�rcio Mineiro", "City": "S�o Paulo", "Country": "Brazil" }
    ]
  };
</script>
</body>

</html>