Get your own website Result Size: 625 x 565
x
 
<!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 class="w3-container">
<h2>Testing W3.JS with CSS</h2>
<table id="id01" class="w3-table-all">
  <tr>
    <th>Title</th>
    <th>Artist</th>
    <th>Price</th>
  </tr>
  <tr w3-repeat="cd">
    <td>{{title}}</td>
    <td>{{artist}}</td>
    <td>{{price}}</td>
  </tr>
  <tr>
    <td></td>
    <td></td>
    <td>{{total}}</td>
  </tr>
</table>
<script>
w3.getHttpObject("cd_catalog.js", myFunction);
function myFunction(myObject) {
  var i, total = 0;
  var myArray = myObject.cd;
  for (i = 0; i < myArray.length; i++) {
    total += Number(myArray[i].price);
  }
  myObject.total = total.toFixed(2);
  w3.displayObject("id01", myObject);
}
</script>
</body>
</html>