<!DOCTYPE html>
<html>
<title>W3.JS</title>
<link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
<script src="https://www.w3schools.com/lib/w3.js"></script>
<body>
<table id="id01" class="w3-table w3-bordered w3-striped">
<tr>
<th>Title</th>
<th>Artist</th>
<th>Country</th>
</tr>
<tr w3-repeat="records">
<td>{{title}}</td>
<td>{{artist}}</td>
<td>{{country}}</td>
</tr>
</table>
<script>
w3.getHttpObject("w3data.php?model=model_cd_from_xml", myFunction);
function myFunction(myObject) {
w3.displayObject("id01", myObject);
}
</script>
</body>
</html>