Pagination Example
In View File write the following Code:
<html>
<head>
<title>Pagination Example</title>
<script src="js/jquery.tools.min.js"></script>
<script src="js/jquery.tables.first.js"></script>
<link rel="stylesheet" media="screen" href="css/pagination.css" />
</head>
<body>
<table class="paginate">
<tbody>
<tr><td>1</td><td>Mr A</td><td>Company A</td></tr>
<tr><td>2</td><td>Mr B</td><td>Company B</td></tr>
<tr><td>3</td><td>Mr C</td><td>Company C</td></tr>
<tr><td>4</td><td>Mr D</td><td>Company D</td></tr>
<tr><td>5</td><td>Mr E</td><td>Company E</td></tr>
<tr><td>6</td><td>Mr F</td><td>Company F</td></tr>
<tr><td>7</td><td>Mr G</td><td>Company G</td></tr>
<tr><td>8</td><td>Mr H</td><td>Company H</td></tr>
<tr><td>9</td><td>Mr I</td><td>Company I</td></tr>
<tr><td>10</td><td>Mr J</td><td>Company J</td></tr>
<tr><td>11</td><td>Mr K</td><td>Company K</td></tr>
<tr><td>12</td><td>Mr L</td><td>Company L</td></tr>
<tr><td>13</td><td>Mr M</td><td>Company M</td></tr>
<tr><td>14</td><td>Mr N</td><td>Company N</td></tr>
</tbody>
</table>
</body>
</html>
If you put the downloaded js file in the js folder and css file in the css folder properly then you will get a view like below
To Run the code load this view from a controller. Run and enjoy !!!!!!!!!!!!!!!!!!
Comments
Post a Comment