Hi rani,
You can reverse by using reverse or $index parameter.
Reverse Parameter
<tr ng-repeat="customer in Customers | orderBy:reverse:true">
Index Parameter
<tr ng-repeat="customer in Customers | orderBy:'$index':true">
Check this example. Now please take its reference and correct your code.
HTML
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style type="text/css">
body
{
font-family: Arial;
font-size: 10pt;
}
table
{
border: 1px solid #ccc;
}
table th
{
background-color: #F7F7F7;
color: #333;
font-weight: bold;
}
table th, table td
{
padding: 5px;
border-color: #ccc;
}
</style>
</head>
<body>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.9/angular.min.js"></script>
<script type="text/javascript">
var app = angular.module('MyApp', []);
app.controller('MyController', function ($scope) {
$scope.Customers = [
{ Id: 1, Name: "Davolio", City: "Seattle", Country: "USA" },
{ Id: 2, Name: "Leverling", City: "Kirkland", Country: "USA" },
{ Id: 3, Name: "Fuller", City: "Tacoma", Country: "USA" },
{ Id: 4, Name: "Peacock", City: "Redmond", Country: "USA" }
];
});
</script>
<div ng-app="MyApp" ng-controller="MyController">
<h3>Without Reverse</h3>
<table>
<thead>
<tr>
<th>Id</th>
<th>Name</th>
<th>City</th>
<th>Country</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="customer in Customers">
<td>{{ customer.Id }}</td>
<td>{{ customer.Name }}</td>
<td>{{ customer.City }}</td>
<td>{{ customer.Country }}</td>
</tr>
</tbody>
</table>
<hr />
<h3>Reverse with reverse parameter</h3>
<table>
<thead>
<tr>
<th>Id</th>
<th>Name</th>
<th>City</th>
<th>Country</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="customer in Customers | orderBy:reverse:true">
<td>{{ customer.Id }}</td>
<td>{{ customer.Name }}</td>
<td>{{ customer.City }}</td>
<td>{{ customer.Country }}</td>
</tr>
</tbody>
</table>
<hr />
<h3>Reverse with Index parameter</h3>
<table>
<thead>
<tr>
<th>Id</th>
<th>Name</th>
<th>City</th>
<th>Country</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="customer in Customers | orderBy:'$index':true">
<td>{{ customer.Id }}</td>
<td>{{ customer.Name }}</td>
<td>{{ customer.City }}</td>
<td>{{ customer.Country }}</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
Demo
