数据表不加载我 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 (将#修改为@）

css-tables datatables jquery