<!DOCTYPE html>
<html ng-app='app'>
<head>
<script src="../ajax/jquery-ui-1.9.0/js/jquery-1.8.2.js"></script>
<script src="angular.js"></script>
<style>
tr, td{
cursor:pointer;
text-align: left;
padding-top: 2px !important;
padding-right: 2px !important;
padding-bottom: 2px !important;
padding-left: 2px !important;
vertical-align: top;
}
tr.title{
color: #ffffff;
border-bottom-color: #ffffff;
font-weight: normal;
border-bottom-width: 1px;
border-bottom-style: solid;
background-color: rgb(153,173,194);
}
.odd {
color: #000000;
//border-bottom-color: #ffffff;
border-bottom-width: 1px;
border-bottom-style: solid;
background-color: rgb(219,228,237);
}
.even{
color: #000000;
//border-bottom-color: #ffffff;
border-bottom-width: 5px;
border-bottom-style: solid;
background-color: rgb(191,204,217);
}
a:link{
color: #003399;
background-color: transparent;
}
body{
color: #000000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
background-color: white;
}
pageDiv{
width: 100%;
height: 20px;
text-align: left;
line-height: 20px;
padding-right: 0px;
padding-left: 0px;
float: right;
background-image: none;
background-attachment: scroll;
background-repeat: repeat;
background-position-x: 0%;
background-position-y: 0%;
background-size: auto;
background-origin: padding-box;
background-clip: border-box;
background-color: rgb(219, 228, 238);
}
a, a:visited, a:hover{
text-decoration: none;
}
}
</style>
</head>
<body ng-controller="MainCtrl">
<table style="width:100%;" >
<tr >
<td colSpan="4" style="width:100%;background-color: rgb(219, 228, 238);">
<pagediv row-page="rowPage" page-Num-per-line='pageNumPerLine' total-row="datas.length" current-page="currentPage" ></pagediv>
</td>
</tr>
<tr class="title">
<td><a href="#" ng-click="orderProp = 'id'; reverse=!!!reverse">ID</a></td>
<td><a href="#" ng-click="orderProp =