動態列php，mysql和DataTables

Question

我嘗試了以下代碼，但似乎無法使DataTables功能出現。 我所看到的只是我在無邊界靜態表中的數據。

有人可以告訴我我的代碼有什么問題嗎？ 我想將CDN主機用於CSS和javascript。 我還需要一個本地.js文件嗎？

 <!DOCTYPE html>
<html>
    <head>
        <title>Mobile Apps</title>
        <link  href="https://cdn.datatables.net/1.10.4/css/jquery.dataTables.min.css">
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
        </head>
        <body>
            <table id="mobileapp">
                <thead>
                    <th>Trans ID</th>
                    <th>App Date</th>
                    <th>Name</th>
                    <th>City State Zip</th>
                </thead>
                <tbody>
                    <!-- Fetch from Db  -->
                    <?php
            $db_host = 'serverA'; // Server Name
            $db_user = 'root'; // Username
            $db_pass = ''; // Password
            $db_name = 'mrd_log'; // Database Name
            //connect to database
            $conn = mysqli_connect($db_host, $db_user, $db_pass, $db_name);

            //database connection error check
            if (!$conn) {
                die ('Failed to connect to MySQL: ' . mysqli_connect_error());  
            }

//SQL data query to retrieve data
            $sql = "SELECT registration.tran_id, registration.application_date, registration.name1, registration.cityline1 FROM registration WHERE registration.application_date < curdate()";

//Assign results to variable        
            $query = mysqli_query($conn, $sql);

            while ($result = mysqli_fetch_array($query)) {

            echo "
                    <tr>
                        <td>".$result['tran_id']."</td>
                        <td>".$result['application_date']."</td>
                        <td>".$result['name1']."</td>
                        <td>".$result['cityline1']."</td>
                    </tr>";
                }
            ?>
                </tbody>
            </table>
            <script type="text/javascript">
            $(document).ready(function(){
                $('#mobileapp').DataTable();
            });


            </body>
        </html>

Answer 1

在HTML頭中包含DataTable JS庫：

<link  href="https://cdn.datatables.net/1.10.4/css/jquery.dataTables.min.css">              
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdn.datatables.net/1.10.4/js/jquery.dataTables.min.js"></script>

動態列php，mysql和DataTables

問題描述

1 個解決方案

解決方案1
1 已采納 2017-10-09 03:51:23

動態列php，mysql和DataTables

問題描述

1 個解決方案

解決方案1 1 已采納 2017-10-09 03:51:23

解決方案1
1 已采納 2017-10-09 03:51:23