動態列php，mysql和DataTables

我試過下面的代碼，但似乎無法獲得DataTables功能出現。我所看到的是我的數據在無邊界靜態表中。動態列php，mysql和DataTables

有人能告訴我我的代碼有什麼問題嗎？我想爲CD和JavaScript使用CDN主機。我是否還需要一個本地.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>

來源

2017-10-09 macunte

你需要datatables.js文件了。否則，你不能得到它的功能。爲什麼不檢查文檔 – Akintunde007

的網站，無論如何，你是否關閉腳本的標籤？像這樣的東西 –

@macunte你在談論什麼功能 – shashi

在HTML頭的數據表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>

來源

2017-10-09 03:51:23

感謝Kevin HR，我剛剛按照您所呈現的順序添加了所有內容，並開始按預期顯示。我在底部留下了一個閉幕腳本標籤，就像Jacky Supit抓到的那樣。 – macunte

動態列php，mysql和DataTables

回答

相關問題