diff --git a/dev/index.html b/dev/index.html
index 959e6f0..dcc1c39 100644
--- a/dev/index.html
+++ b/dev/index.html
@@ -46,47 +46,55 @@
 		<h2>Patel</h2>
 
 		<table object-table
-		data="dataTeacherSearch"
+		from-url="http://beta.json-generator.com/api/json/get/DXXROxj"
+		data="exportDataVariable4"
 		display="10"
-		paging = "false"
-		headers="Name, Department, Category"
-		fields="name, department, category"
-		sorting="simple"
-		paging="true"
-		drag-columns="true">
+		headers="Name, Eye color, Age,Balance,Company,Favorite Fruit"
+		fields="name,eyeColor,age,balance,company,favoriteFruit">
+		<thead>
+				<tr>
+					<th ng-click="sortBy('name')" ng-class="headerIsSortedClass('Name')" class="sortable" allow-drag>Name</th>
+					<th ng-click="sortBy('eyeColor')" ng-class="headerIsSortedClass('Eye color')" class="sortable" allow-drag>Eye color</th>
+					<th ng-click="sortBy('age')" ng-class="headerIsSortedClass('Age')" class="sortable" allow-drag>Age</th>
+					<th ng-click="sortBy('balance')" ng-class="headerIsSortedClass('Balance')" class="sortable" allow-drag>Balance</th>
+					<th ng-click="sortBy('company')" ng-class="headerIsSortedClass('Company')" class="sortable" allow-drag>Company</th>
+					<th ng-click="sortBy('favoriteFruit')" ng-class="headerIsSortedClass('Favorite Fruit')" class="sortable" allow-drag>Favorite Fruit</th>
+				</tr>
+			</thead>
 		<tbody>
-			<tr ng-click="$owner.showTeacherDetails(item)">
-				<td>{{item.name.firstName}}&nbsp;{{item.name.middleName}}&nbsp;{{item.name.lastName}}</td>
-				<td repeat="items in item.department" if="items.status">
-					<span>{{items.dept}}</span>
-				</td>
-				<td repeat="designation in item.designation" if="designation.status">
-					<span >{{designation.status}}</span>
+			<tr>
+				<td>{{::item.name}}</td>
+				<td><div class="{{::item.eyeColor}} eye"></div>
+					{{::item.eyeColor}}
 				</td>
+				<td>{{::item.age}}</td>
+				<td style="background-color:rgb(212, 255, 227)">{{::item.balance}}</td>
+				<td>{{::item.balance}}</td>
+				<td>{{::item.favoriteFruit}}</td>
 			</tr>
 		</tbody>
-	</table>
+		</table>
 
 	<h2>Excell selection</h2>
 
-	<table object-table class="hover-column" 
-	data="data" 
-	headers="Age, full Name" 
-	fields="age,name" 
-	sorting="compound" 
-	search="separate" 
+	<table object-table class="hover-column"
+	data="data"
+	headers="Age, full Name"
+	fields="age,name"
+	sorting="compound"
+	search="separate"
 	resize="true"
 	drag-columns="true"
 	></table>
 
 	<h2>Template</h2>
 
-	<table object-table class="hover-column" 
-	data="data" 
-	headers="Age, full Name,money" 
-	fields="age,name,money" 
-	sorting="compound" 
-	search="separate" 
+	<table object-table class="hover-column"
+	data="data"
+	headers="Age, full Name,money"
+	fields="age,name,money"
+	sorting="compound"
+	search="separate"
 	resize="true"
 	drag-columns="true">
 	<thead>
@@ -98,14 +106,14 @@ <h2>Template</h2>
 	</thead>
 </table>
 <hr>
-<!-- 
+<!--
 
 <h2>Server Paging (Simple)</h2>
 
-<table  object-table 
-		data="simplePagingExample.exData" 
-		display="simplePagingExample.limit" 
-		headers="Age, full Name" 
+<table  object-table
+		data="simplePagingExample.exData"
+		display="simplePagingExample.limit"
+		headers="Age, full Name"
 		fields="age,name">
 </table>
 
@@ -125,10 +133,10 @@ <h2>Server Paging (Simple)</h2>
 
 <h2>Server Paging (Advanced)</h2>
 
-<table  object-table 
-		data="pagingExample.exData" 
-		display="pagingExample.limit" 
-		headers="Age, full Name" 
+<table  object-table
+		data="pagingExample.exData"
+		display="pagingExample.limit"
+		headers="Age, full Name"
 		fields="age,name">
 </table>
 
@@ -152,11 +160,11 @@ <h2>Server Paging (Advanced)</h2>
 
 <h2>With footer</h2>
 
-<table object-table 
-data="data" 
-headers="Name, Age,Money" 
-fields="name,age,money" 
-search="separate" 
+<table object-table
+data="data"
+headers="Name, Age,Money"
+fields="name,age,money"
+search="separate"
 select="multiply"
 selected-model="report.selectedUser">
 <tfoot>
@@ -178,23 +186,23 @@ <h2>With footer</h2>
 {{report.selectedUser}}
 <h2>Theme</h2>
 <table  object-table class="hover-column blue-dust"
-from-url = "http://beta.json-generator.com/api/json/get/DXXROxj" 
-data = "exportDataVariable" 
-headers = "Name, Eye color, Age,Balance,Company,Home address,Favorite Fruit" 
+from-url = "http://beta.json-generator.com/api/json/get/DXXROxj"
+data = "exportDataVariable"
+headers = "Name, Eye color, Age,Balance,Company,Home address,Favorite Fruit"
 fields = "name,eyeColor,age,balance,company,address,favoriteFruit"
 resize="true" >
 </table>
 
 <h2>Bacis</h2>
 
-<table object-table class="hover-column" 
-data="data" 
-display="10" 
-headers="Age, full Name" 
-fields="age,name" 
-paging="true" 
-sorting="simple" 
-search="false" 
+<table object-table class="hover-column"
+data="data"
+display="10"
+headers="Age, full Name"
+fields="age,name"
+paging="true"
+sorting="simple"
+search="false"
 selected-model="data.selected1"
 ></table>
 <pre>
@@ -205,20 +213,20 @@ <h2>Bacis</h2>
 
 <h2>Compound sorting</h2>
 
-<table object-table 
-data="data" 
-headers="Full Name,Money, Age" 
-fields="name,money,age" 
-sorting="compound" 
+<table object-table
+data="data"
+headers="Full Name,Money, Age"
+fields="name,money,age"
+sorting="compound"
 ></table>
 <div class="row"><hr></div>
 
 <h2>Separate Search</h2>
 
-<table object-table 
-data="data" 
-headers="Age, full Name" 
-fields="age,name" 
+<table object-table
+data="data"
+headers="Age, full Name"
+fields="age,name"
 search="separate"
 ></table>
 <div class="row"><hr></div>
@@ -226,23 +234,23 @@ <h2>Separate Search</h2>
 
 <h2>External resource</h2>
 
-<table object-table 
-from-url="http://beta.json-generator.com/api/json/get/DXXROxj" 
-data="exportDataVariable1" 
-display="2" 
-headers="Name, Age" 
-fields="name, age" 
+<table object-table
+from-url="http://beta.json-generator.com/api/json/get/DXXROxj"
+data="exportDataVariable1"
+display="2"
+headers="Name, Age"
+fields="name, age"
 ></table>
-<div class="row"><hr></div>  
+<div class="row"><hr></div>
 <h2>Editable cells (all)</h2>
 
-<table object-table 
-from-url = "http://beta.json-generator.com/api/json/get/DXXROxj" 
-data = "exportDataVariable2" 
-display = "10" 
-headers = "Name, Eye color, Age,Balance,Company,Home address,Favorite Fruit" 
-fields = "name,eyeColor,age,balance,company,address,favoriteFruit" 
-sorting = "compound" 
+<table object-table
+from-url = "http://beta.json-generator.com/api/json/get/DXXROxj"
+data = "exportDataVariable2"
+display = "10"
+headers = "Name, Eye color, Age,Balance,Company,Home address,Favorite Fruit"
+fields = "name,eyeColor,age,balance,company,address,favoriteFruit"
+sorting = "compound"
 editable = "true"
 >
 </table>
@@ -250,12 +258,12 @@ <h2>Editable cells (all)</h2>
 
 <h2>Editable cells (Eye color)</h2>
 
-<table object-table 
-from-url="http://beta.json-generator.com/api/json/get/DXXROxj" 
-data="exportDataVariable3" 
-display="10" 
-headers="Name, Eye color, Age,Balance,Company,Home address,Favorite Fruit" 
-fields="name,eyeColor,age,balance,company,address,favoriteFruit" 
+<table object-table
+from-url="http://beta.json-generator.com/api/json/get/DXXROxj"
+data="exportDataVariable3"
+display="10"
+headers="Name, Eye color, Age,Balance,Company,Home address,Favorite Fruit"
+fields="name,eyeColor,age,balance,company,address,favoriteFruit"
 sorting="compound"
 >
 <tbody>
@@ -270,17 +278,17 @@ <h2>Editable cells (Eye color)</h2>
 	</tr>
 </tbody>
 </table>
-<div class="row"><hr></div> 
+<div class="row"><hr></div>
 
 
 <h2>Custom headers pattern</h2>
 
-<table object-table 
-from-url="http://beta.json-generator.com/api/json/get/DXXROxj" 
-data="exportDataVariable5" 
-display="10" 
-headers="Name, Eye color, Age,Balance,Company,Home address,Favorite Fruit" 
-fields="name,eyeColor,age,balance,company,address,favoriteFruit" 
+<table object-table
+from-url="http://beta.json-generator.com/api/json/get/DXXROxj"
+data="exportDataVariable5"
+display="10"
+headers="Name, Eye color, Age,Balance,Company,Home address,Favorite Fruit"
+fields="name,eyeColor,age,balance,company,address,favoriteFruit"
 >
 <thead>
 	<tr>
@@ -299,16 +307,16 @@ <h2>Custom headers pattern</h2>
 </thead>
 </table>
 
-<div class="row"><hr></div> 
+<div class="row"><hr></div>
 
 <h2>Rows pattern</h2>
 
-<table object-table 
-from-url="http://beta.json-generator.com/api/json/get/DXXROxj" 
-data="exportDataVariable4" 
-display="10" 
-headers="Name, Eye color, Age,Balance,Company,Home address,Favorite Fruit" 
-fields="name,eyeColor,age,balance,company,address,favoriteFruit" 
+<table object-table
+from-url="http://beta.json-generator.com/api/json/get/DXXROxj"
+data="exportDataVariable4"
+display="10"
+headers="Name, Eye color, Age,Balance,Company,Home address,Favorite Fruit"
+fields="name,eyeColor,age,balance,company,address,favoriteFruit"
 sorting="compound"
 >
 <tbody>
@@ -329,16 +337,16 @@ <h2>Rows pattern</h2>
 	</tr>
 </tbody>
 </table>
-<div class="row"><hr></div> 
+<div class="row"><hr></div>
 
 <h2>Custom rows and headers pattern:</h2>
 
-<table object-table 
-data="data" 
-data="exportDataVariable" 
-display="10" 
-fields="name,age,money" 
-headers="Name,Age,$$$" 
+<table object-table
+data="data"
+data="exportDataVariable"
+display="10"
+fields="name,age,money"
+headers="Name,Age,$$$"
 resize="true"
 >
 <thead style="background-color:yellow">
@@ -357,7 +365,7 @@ <h2>Custom rows and headers pattern:</h2>
 	</tr>
 </tbody>
 </table>
-<div class="row"><hr></div>  
+<div class="row"><hr></div>
 
 <h2>Additional filters</h2>
 <div class="col-sm-3">
@@ -366,7 +374,7 @@ <h2>Additional filters</h2>
 		<option value="green">green</option>
 		<option value="blue">blue</option>
 		<option value="brown">brown</option>
-	</select>	
+	</select>
 
 </div>
 <div class="col-sm-3">
@@ -376,17 +384,17 @@ <h2>Additional filters</h2>
 	<input type="text" ng-model="all" class="form-control" placeholder="all">
 </div>
 <br><br>
-<table object-table 
-from-url="http://beta.json-generator.com/api/json/get/DXXROxj" 
-data="exportDataVariable5" 
-display="10" 
-headers="Name, Eye color, Age,Balance,Company,Home address,Favorite Fruit" 
-fields="name,eyeColor,age,balance,company,address,favoriteFruit" 
-add-filter="| filter:{'name':$owner.name} |filter:{'eyeColor':$owner.eyeColor} | filter:$owner.all" 
+<table object-table
+from-url="http://beta.json-generator.com/api/json/get/DXXROxj"
+data="exportDataVariable5"
+display="10"
+headers="Name, Eye color, Age,Balance,Company,Home address,Favorite Fruit"
+fields="name,eyeColor,age,balance,company,address,favoriteFruit"
+add-filter="| filter:{'name':$owner.name} |filter:{'eyeColor':$owner.eyeColor} | filter:$owner.all"
 search="false"
-></table> 
-<div class="row"><hr></div> 
+></table>
+<div class="row"><hr></div>
 
 </div>
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/src/js/directive.js b/src/js/directive.js
index 369022e..d096292 100644
--- a/src/js/directive.js
+++ b/src/js/directive.js
@@ -7,8 +7,6 @@
 			controller:'objectTableCtrl',
 			controllerAs:"ctrl",
 			transclude: 'true',
-			  priority: 10000,
-    terminal: true,
 			scope:{
 				data:"=",
 				display:"=?",
@@ -31,7 +29,7 @@
 			//collect filters
 			var rowFilter = "", pagingFilter = "";
 
-			// additional user filters 
+			// additional user filters
 			if(!!tAttributes.addFilter){
 				rowFilter += tAttributes.addFilter;
 			}
@@ -63,6 +61,7 @@
 				});
 			}
 
+
 			pagingFilter += " | offset: currentPage:display |limitTo: display";
 
 			tElement[0].querySelector("#rowTr").setAttribute("ng-repeat","item in $parent.$filtered = (data" + rowFilter +")"+ pagingFilter);
@@ -91,8 +90,8 @@
 
 			}; //[END transclude]
 		}
-		
+
 
 	};
 
-}]);
\ No newline at end of file
+}]);
diff --git a/src/js/objectTableCtrl.js b/src/js/objectTableCtrl.js
index 160d2cf..5e50b99 100644
--- a/src/js/objectTableCtrl.js
+++ b/src/js/objectTableCtrl.js
@@ -40,7 +40,7 @@ angular.module('objectTable').controller('objectTableCtrl', ['$scope', '$timeout
 
 			//reinitialize selected model
 			$scope.selectedModel = $scope.select==="multiply"? []:{};
-			
+
 		};
 
 		this._loadExternalData = function(url){
@@ -49,7 +49,7 @@ angular.module('objectTable').controller('objectTableCtrl', ['$scope', '$timeout
 				$scope.data = response.data;
 				$scope.dataIsLoading = false;
 			});
-			
+
 		};
 
 		this._addHeaderPattern = function(node){
@@ -60,7 +60,7 @@ angular.module('objectTable').controller('objectTableCtrl', ['$scope', '$timeout
 			});
 			$element.find("table").prepend(node);
 		};
-		
+
 		this._addFooterPattern = function(node){
 			$element.find("table").prepend(node);
 		};
@@ -182,7 +182,9 @@ angular.module('objectTable').controller('objectTableCtrl', ['$scope', '$timeout
 					thead  = document.createElement('thead');
 
 					Array.prototype.swap.apply(ths,[from,to]);
+
 					for (var i = 0,length=ths.length; i <length; i++) {
+						ths[i].setAttribute('index',i);
 						tr.appendChild(ths[i]);
 					};
 					thead.appendChild(tr);
@@ -201,4 +203,4 @@ $scope.$watch('globalSearch',function(){
 });
 
 
-}]);
\ No newline at end of file
+}]);