如何解决数据表不加载我 Jquery
我有一个包含数据库数据的表。我想对表格进行分页,我搜索了一种方法并找到了 https://datatables.net 。这看起来太简单了......但这在我的项目中不起作用......我认为这是因为我有很多CDN并且我与这些CDN有冲突(我有2个引导程序的CDN,但我想要5.0 v) 我的问题:是这个原因吗? 代码:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<link rel="stylesheet" href="css/styleMenu.css">
<link rel="stylesheet" href="css/styleImagenProfile.css">
<link rel="stylesheet" href="css/styleMenuBtnPerfil.css">
<script src="https://code.jquery.com/jquery-3.6.0.js" integrity="sha256-H+K7U5CnXl1h5ywQfKtSj8PCmoN9aaq30gDh27Xc0jk=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/stylePaginado.css">
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.24/css/dataTables.bootstrap5.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.24/css/jquery.dataTables.css">
<script type="text/javascript" charset="utf8" src="https://cdn.datatables.net/1.10.24/js/jquery.dataTables.js"></script>
<script src="https://use.fontawesome.com/releases/v5.0.13/js/all.js"></script>
表格:
<table id="myTable" style="width: 100%;" class="table table-striped table-dark">
<thead>
<tr>
<th scope="col">Nombre</th>
<th scope="col">Fecha de creacion</th>
<th scope="col">Tiempo desarrollado</th>
<th scope="col">Tipo de proyecto</th>
<th scope="col">Estado</th>
<th scope="col">Opciones</th>
</tr>
</thead>
<c:forEach var="proyecto" items="${lista}">
<tbody>
<tr>
<td>${proyecto.nombre}</td>
<td>${proyecto.fechaInicio}</td>
<td>${proyecto.hsTrabajadas}</td>
<td>${proyecto.tipoProyecto.tipoProyecto}</td>
<td>${proyecto.estado.estado}</td>
<td>
<a class="btn btn-success" href="/AdministrarProyectos/DatosProyectoServlet?id=${proyecto.id}">Ir al proyecto</a>
</td>
</tr>
</tbody>
</c:forEach>
</table>
底部的CDN:
<script src="js/paginador.js"></script> <!-- THE CODE FOR PAGINATE THE TABLE -->
<script src="https://cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js"></script>
<script src="https://cdn.datatables.net/1.10.24/js/dataTables.bootstrap5.min.js"></script>
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js" integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdbnmNb5D92v7s" crossorigin="anonymous"></script>
js代码:
$(document).ready(function() {
$('#myTable').DataTable();
} );
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。