<html>
<head>
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width,
initial-scale=1.0" name="viewport">
<link href="assets/css/bootstrap.min.css" rel="stylesheet" />
<script type="text/javascript" language="javascript" src="js/jquery-1.10.2.min.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery.dataTables.min.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery-DT-pagination.js"></script>
<script type="text/javascript">
/* Table
initialisation */
$(document).ready(function () {
$('#example').dataTable({
"bSort": false, // Disable sorting
"iDisplayLength": 5, // records per page
"sDom": "t<'row'<'col-md-6'i><'col-md-6'p>>",
"sPaginationType": "bootstrap"
});
});
</script>
</head>
<body>
<div class="container">
<table class="table table-condensed
table-bordered" id="example">
<thead>
<tr>
<th>S.no</th>
<th>Column A</th>
<th>Column B</th>
<th>Column C</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>A-col+1</td>
<td>B-col+1</td>
<td>C-col+1</td>
</tr>
<tr>
<td>2</td>
<td>A-col+2</td>
<td>B-col+2</td>
<td>C-col+2</td>
</tr>
<tr>
<td>3</td>
<td>A-col+3</td>
<td>B-col+3</td>
<td>C-col+3</td>
</tr>
<tr>
<td>4</td>
<td>A-col+4</td>
<td>B-col+4</td>
<td>C-col+4</td>
</tr>
<tr>
<td>5</td>
<td>A-col+5</td>
<td>B-col+5</td>
<td>C-col+5</td>
</tr>
<tr>
<td>5</td>
<td>A-col+5</td>
<td>B-col+5</td>
<td>C-col+5</td>
</tr>
<tr>
<td>5</td>
<td>A-col+5</td>
<td>B-col+5</td>
<td>C-col+5</td>
</tr>
<tr>
<td>5</td>
<td>A-col+5</td>
<td>B-col+5</td>
<td>C-col+5</td>
</tr>
<tr>
<td>5</td>
<td>A-col+5</td>
<td>B-col+5</td>
<td>C-col+5</td>
</tr>
<tr>
<td>5</td>
<td>A-col+5</td>
<td>B-col+5</td>
<td>C-col+5</td>
</tr>
<tr>
<td>5</td>
<td>A-col+5</td>
<td>B-col+5</td>
<td>C-col+5</td>
</tr>
<tr>
<td>5</td>
<td>A-col+5</td>
<td>B-col+5</td>
<td>C-col+5</td>
</tr>
<tr>
<td>5</td>
<td>A-col+5</td>
<td>B-col+5</td>
<td>C-col+5</td>
</tr>
<tr>
<td>100</td>
<td>A-col+100</td>
<td>B-col+100</td>
<td>C-col+100</td>
</tr>
</tbody>
</table>
</div>
</body>
</html>
these link for jquery and css
https://drive.google.com/file/d/0BzjX9lJOUhg9T203MWMwZm1UQzQ/edit?usp=sharing
https://drive.google.com/file/d/0BzjX9lJOUhg9TGJUZGhCVkNoZ1k/edit?usp=sharing
https://drive.google.com/file/d/0BzjX9lJOUhg9V0g5QktWLWlwTlE/edit?usp=sharing
No comments :
Post a Comment