<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/ng-table/0.3.3/ng-table.css">
<script src="https://code.angularjs.org/1.3.14/angular.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ng-table/0.3.3/ng-table.js"></script>
<style>
.ng-table {
border: 1px solid #000;
width: 100%;
}
</style>
<script>
var app = angular.module('ngTableApp', ['ngTable']);
app.controller('ngTableCtrl', function($scope) {
$scope.students = [{
Id: 001,
name: "Anil Singh",
age: 29
}, {
Id: 002,
name: "Sunil Singh",
age: 25
}, {
Id: 003,
name: "Sushil Singh",
age: 20
}, {
Id: 004,
name: "Dilip Singh",
age: 29
}, {
name: "Upendra Singh",
age: 30
}];
});
</script>
</head>
<body ng-app="ngTableApp">
<div ng-controller="ngTableCtrl">
<div>
<h2>Student Detail using ngTablet</h2>
</div>
<table ng-table class="table">
<tr ng-repeat="stud in students">
<td data-title="'Id'">{{stud.Id}}</td>
<td data-title="'Name'">{{stud.name}}</td>
<td data-title="'Age'">{{stud.age}}</td>
</tr>
</table>
</div>
</body>
</html>
// Code goes here
/* Styles go here */