Hi surendra, look into this code.. you can understand.
<div class="container" ng-app="myApp" ng-controller="myctrl">
<form>
<div class="form-group">
<div class="input-group">
<div class="input-group-addon"><span class="glyphicon glyphicon-search"></span></div>
<input type="text" class="form-control" placeholder="Search" ng-model="searchsearch" />
</div>
</div>
</form>
<table class="table table-bordered table-stripped">
<thead>
<tr>
<td>
<a href="#" ng-click="sortType = 'name'; sortReverse = !sortReverse">
Name
<span ng-show="sortType == 'Name' && !sortReverse" class="fa fa-caret-down"></span>
<span ng-show="sortType == 'Name' && sortReverse" class="fa fa-caret-up"></span>
</a><br />
<input type="text" ng-model="searchsearch.Name" />
</td>
<td>
<a href="#" ng-click="sortType = 'Country'; sortReverse = !sortReverse">
Country
<span ng-show="sortType == 'Country' && !sortReverse" class="fa fa-caret-down"></span>
<span ng-show="sortType == 'Country' && sortReverse" class="fa fa-caret-up"></span>
</a><br />
<input type="text" ng-model="searchsearch.Country" />
</td>
<td>
<a href="#" ng-click="sortType = 'Salary'; sortReverse = !sortReverse">
Salary
<span ng-show="sortType == 'Salary' && !sortReverse" class="fa fa-caret-down"></span>
<span ng-show="sortType == 'Salary' && sortReverse" class="fa fa-caret-up"></span>
</a><br />
<input type="text" ng-model="searchsearch.Salary" />
</td>
<td>
<a href="#" ng-click="sortType = 'Age'; sortReverse = !sortReverse">
Age
<span ng-show="sortType == 'Age' && !sortReverse" class="fa fa-caret-down"></span>
<span ng-show="sortType == 'Age' && sortReverse" class="fa fa-caret-up"></span>
</a><br />
<input type="text" ng-model="searchsearch.Age" />
</td>
</tr>
</thead>
<tbody>
<tr ng-repeat="x in records | orderBy:sortType:sortReverse | filter:searchsearch">
<td>{{ x.Name }}</td>
<td>{{ x.Country }}</td>
<td>{{ x.Salary }}</td>
<td>{{ x.Age}}</td>
</tr>
</tbody>
</table>
</div>
var app = angular.module("myApp", [])
app.controller("myctrl", function ($scope) {
$scope.sortType = 'Name';
$scope.sortReverse = false;
$scope.searchsearch = '';
$scope.records = [
{
"Name": "John",
"Country": "America",
"Salary": "One",
"Age": "24"
},
{
"Name": "Ram",
"Country": "India",
"Salary": "Two",
"Age": "27"
},
{
"Name": "Raju",
"Country": "India",
"Salary": "Three",
"Age": "26"
},
{
"Name": "Ravi",
"Country": "India",
"Salary": "Four",
"Age": "31"
},
{
"Name": "Raghu",
"Country": "India",
"Salary": "Five",
"Age": "35"
},
{
"Name": "Ravan",
"Country": "India",
"Salary": "Six",
"Age": "33"
},
{
"Name": "Samy",
"Country": "India",
"Salary": "Seven",
"Age": "30"
},
{
"Name": "samuel",
"Country": "India",
"Salary": "Eight",
"Age": "30"
}
];
});
Tsurendra690-29180, if this helps please login to Mark As Answer. | Alert Moderator