Is there any way to display complex objects with w3.displayObject("id01", myObject) w3.js function ?
<!DOCTYPE html>
<html>
<title>W3.JS</title>
<meta charset="utf-8">
<script src="https://www.w3schools.com/lib/w3.js"></script>
<script>
var myObject= {"customers":[
{"CustomerName" : "Alfreds Futterkiste", "Address": {"City" : "Berlin","Country" : "Germany"}},
{"CustomerName" : "Berglunds snabbköp", "Address": {"City" : "Luleå","Country" : "Sweden"}},
{"CustomerName" : "Centro comercial Moctezuma", "Address": {"City" : "México D.F.","Country" : "Mexico"}},
{"CustomerName" : "Ernst Handel", "Address": {"City" : "Graz","Country" : "Austria"}},
{"CustomerName" : "FISSA Fabrica Inter. Salchichas S.A.", "Address": {"City" : "Madrid","Country" : "Spain"}}
]};
</script>
<body>
<h2>Testing W3.JS in HTML</h2>
<table id="id01">
<tr>
<th>Customer</th>
<th>City</th>
<th>Country</th>
</tr>
<tr w3-repeat="customers">
<td>{{CustomerName}}</td>
<td>{{Address.City}}</td>
<td>{{Address.Country}}</td>
</tr>
</table>
<script>
w3.displayObject("id01", myObject);
</script>
</body>
</html>
Result:
Customer City Country
Alfreds Futterkiste {{Address.City}} {{Address.Country}}
Berglunds snabbköp {{Address.City}} {{Address.Country}}
Centro comercial Moctezuma {{Address.City}} {{Address.Country}}
Ernst Handel {{Address.City}} {{Address.Country}}
FISSA Fabrica Inter. Salchichas S.A. {{Address.City}} {{Address.Country}}
Thanks !