Таблицы данных не работают должным образом.Ссылки хорошие, я думаю.Что здесь не так? - PullRequest
0 голосов
/ 02 октября 2018

Я все еще новичок в разработке.Я просто хочу спросить, что не так с этим кодом?Я пытаюсь использовать DataTables, но, к сожалению, моя таблица все еще не работает должным образом.Все мои ссылки правильно направлены в свои папки.Это порядок ссылок?Помогите пожалуйста.

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="">
<meta name="author" content="">

<title>Admin Dashboard</title>
<link href="../../../vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="../../../vendor/metisMenu/metisMenu.min.css" rel="stylesheet">
<link href="../../../vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
<link href="../../../dist/css/sb-admin-2.css" rel="stylesheet">
<link href="../../../dist/dtables/dtables1/css/jquery.dataTables.min.css" rel="stylesheet">
<link href="../../../dist/dtables/dtables1/css/dataTables.bootstrap.min.css" rel="stylesheet">

<script src="../../../dist/js/jquery-3.3.1.js"></script>
<script src="../../../vendor/jquery/jquery.min.js"></script>
<script src="../../../vendor/metisMenu/metisMenu.min.js"></script>
<script src="../../../vendor/bootstrap/js/bootstrap.min.js"></script>
<script src="../../../dist/js/sb-admin-2.js"></script>
<script src="../../../dist/dtables/dtables1/js/jquery.dataTables.min.js"></script>
<script src="../../../dist/dtables/dtables1/js/dataTables.bootstrap.min.js"></script>
<script>
$(document).ready( function () {
    $('example').DataTable();
} );
</script>

    <div id="page-wrapper">
        <div class="container-fluid">
            <div class="row">
                <div class="col-lg-12">
                    <h1 class="page-header">ITS - 101</h1>
                        <table  id="example" class="table table-striped table-bordered" style="width:100%">
                            <thead>
                                <tr>
                                    <th>Student Number</th>
                                    <th>First Name</th>
                                    <th>Middle Name</th>
                                    <th>Last Name</th>
                                    <th>Age</th>
                                </tr>
                            </thead>
                            <tfoot>
                                <tr>
                                    <th>Student Number</th>
                                    <th>First Name</th>
                                    <th>Middle Name</th>
                                    <th>Last Name</th>
                                    <th>Age</th>
                                </tr>
                            </tfoot>
                            <tbody>
                                <?php
                                    include "../../adminconn.php";

                                    $sel = "Select * from its101";

                                    $res = mysqli_query ($conn,$sel);

                                    if (mysqli_num_rows($res) > 0){

                                        while ($row = mysqli_fetch_assoc($res)){    
                                            echo "<tr><td>".$row["studentnumber"]."</td><td>".$row["fname"]."</td><td>".$row["mname"]."</td><td>".$row["lname"]."</td><td>".$row["age"]."</td></tr>";       
                                        } echo "</tbody>";
                                        echo "</table>";
                                        }else{
                                            echo "No data yet";                 
                                        }
                                    $conn -> close();
                                ?>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>  
</body>

Являются ли скрипты и CSSне в порядке?или это сам стол?

1 Ответ

0 голосов
/ 02 октября 2018

Я наконец сделал это!Мне просто нужно было сделать это с нуля, оказывается, jquery.dataTables.css и jquery.dataTables.js - это все, что мне нужно, а не jquery.dataTables.min.css и jquery.dataTables.min.js!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...