<!DOCTYPE html>
<html ng-app>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.3/angular.min.js"></script>
<style>
table, th, td { border:1px solid black; border-collapse:collapse; padding:5px; }
tr:nth-child(odd){background:#f2f2f2;}
</style>
</head>
<body>
Name: <input ng-model="s.name" placeholder="Name">
Age: <input type="number" ng-model="s.age" placeholder="Age"><br><br>
<table>
<tr><th>Name</th><th>Age</th></tr>
<tr><td>{{s.name}}</td><td>{{s.age}}</td></tr>
</table>
</body>
</html>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter