AngularJS Table Examples

Directive ng-repeat is used to draw table easily.

<title>Angular JS Table</title>
<script src = ""></script>
table, th , td {
border: 1px solid black;
padding: 4px;
<h2>AngularJS Tables</h2>
<div ng-app = "details" ng-controller = "studentController">
<th>Subject Name</th>
<tr ng-repeat = "subject in student.subjects">
<td ng-if="$odd" style="background-color:#ff6600">{{ }}</td>
<td ng-if="$even">{{ }}</td>
<td ng-if="$odd" style="background-color:#ff6600">{{ subject.marks }}</td>
<td ng-if="$even">{{ subject.marks }}</td>
var details= angular.module("details", []);
details.controller('studentController', function($scope) {
$scope.student = {


Watch this What is Angular 8 video:

AngularJS Tables

AngularJS Tables


Preparing for a Job Interview? Check out our blog on Angular Interview Questions!

Course Schedule

Name Date
Web Development Courses 2022-12-03 2022-12-04
(Sat-Sun) Weekend batch
View Details
Web Development Courses 2022-12-10 2022-12-11
(Sat-Sun) Weekend batch
View Details
Web Development Courses 2022-12-17 2022-12-18
(Sat-Sun) Weekend batch
View Details

Leave a Reply

Your email address will not be published. Required fields are marked *

Find Best AngularJS Training in Other Regions

Bangalore Hyderabad Chennai Mumbai