I work with ASP.NET MVC 5, I want to paginate a table created with html, I have tried it with jquery but it has not worked.
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="~/scripts/jquery-3.1.1.min.js"></script>
<script src="http://c.fzilla.com/1291523190-jpaginate.js"></script>
<style>
.pagination{
list-style: none;
margin: 0px;
padding: 0px;
}
.pagination li{
float: left;
margin: 3px;
}
.pagination li a{
display: block;
padding: 3px 5px;
color: #fff;
background-color: #44b0dd;
text-decoration: none;
}
.pagination li a.active{
border: 1px solid #000;
color: #000;
background-color: #fff;
}
.pagination li a.inactive{
background-color: #eee;
color: #777;
border: 1px solid #ccc;
}
</style>
<script>
$(document).ready(function () {
$("#content").jPaginate();
});
</script>
</head>
<body>
<table id="content" class="table">
<tr>
<td>ProveedorId</td>
<td>Razón Social</td>
<td>Número documento</td>
<td>Dirección</td>
<td>Teléfono</td>
<td></td>
<td></td>
</tr>
@foreach (var row in ViewBag.ListarProveedor)
{
<tr>
<td>@row.ProveedorId</td>
<td>@row.RazonSocial</td>
<td>@row.NumeroDocumento</td>
<td>@row.Direccion</td>
<td>@row.Telefono</td>
</tr>
}
</table>
</body>
</html>
What am I doing wrong?
The error I get is the following:
Uncaught TypeError: $(...).jPaginate is not a function
at HTMLDocument.<anonymous> (Index:69)
at Function.ready (1286136086-jquery.js:26)
at HTMLDocument.L (1286136086-jquery.js:33)
I already solved it