Flat 20% & up to 50% off + Free additional Courses. Hurry up!

AngularJS Tables


Directive ng-repeat is used to draw table easily.




<title>Angular JS Table</title>

<script src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"></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">{{ subject.name }}</td>

<td ng-if="$even">{{ subject.name }}</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 = {













AngularJS Tables


"0 Responses on AngularJS Tables"

Training in Cities

Bangalore, Hyderabad, Chennai, Delhi, Kolkata, UK, London, Chicago, San Francisco, Dallas, Washington, New York, Orlando, Boston

100% Secure Payments. All major credit & debit cards accepted Or Pay by Paypal.


Sales Offer

  • To avail this offer, enroll before 28th October 2016.
  • This offer cannot be combined with any other offer.
  • This offer is valid on selected courses only.
  • Please use coupon codes mentioned below to avail the offer
DW offer

Sign Up or Login to view the Free AngularJS Tables.