AngularJS Tables
<!DOCTYPE html> <html> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script> </head> <body> <div ng-app="tableApp" ng-controller="EmployeeController as vm"> <table border="1" cellpadding="6"> <thead> <tr> <th>Name</th> <th>Department</th> <th>Salary</th> </tr> </thead> <tbody> <tr ng-repeat="employee in vm.employees"> <td>{{ employee.name }}</td> <td>{{ employee.department }}</td> <td>{{ employee.salary | currency }}</td> </tr> </tbody> </table> </div> <script> angular.module('tableApp', []) .controller('EmployeeController', function() { var vm = this; vm.employees = [ { name: 'Ava Stone', department: 'Engineering', salary: 82000 }, { name: 'Marcus Lee', department: 'Sales', salary: 61000 }, { name: 'Priya Nair', department: 'Marketing', salary: 58000 } ]; }); </script> </body> </html>