jQuery的數據表中沒有出現分頁控制

我試圖插入分頁引導到我的動態表的內容是我從我的數據庫如下提取，但沒有任何工程：jQuery的數據表中沒有出現分頁控制

<?php 
    $sn = $_POST["SN"]; 
    $Reference = $_POST["Reference"]; 
    $Libelle = $_POST["Libelle"]; 
    $NOMENCLATURE = $_POST["NOMENCLATURE"]; 
    $matricule = $_POST["matricule"]; 




    include "./Connections/localhost.php"; 

    $sqlTous = " 
    select mat.SN, mat.NOMENCLATURE, mat.ID_materiel, mat.Reference, mat.Date_affectation, mat.libelle, mat.Date_Acquisition, mat.Fournisseur,mat.commentaire, mat.Contrat from materiel mat 
    left join user usr on usr.ID_User = mat.ID_User "; 



    ?> 

    <div> 
    <form method="post" action="./consultation.php" id="formClient"> 
     <h4 class="widgettitle" width="10%" >Résultat</h4> 
    <br/> 

     <table class="table table-striped" id="example" class="display"> 
      <thead> 
       <tr> 

        <th>Name</th> 

        <th>Position</th> 

        <th>Office</th> 

        <th>Age</th> 

        <th>Start date</th> 

        <th>Salary</th> 


       </tr> 
      </thead>     
    <?php 
    $reponse3 = mysql_query($sqlTous); 


    while ($rowMat1 = mysql_fetch_array($reponse3)) { ?> 
     <tbody class="table table-striped" id="example" class="display"> 
      <tr> 
        <td><?php echo $rowMat1['SN']; ?></td>     
        <td><?php echo $rowMat1['NOMENCLATURE']; ?></td> 
        <td><?php echo $rowMat1['Reference']; ?></td> 
        <td><?php echo $rowMat1['libelle']; ?> </td> 
        <td><?php echo $rowMat1['Date_Acquisition']; ?></td> 
        <td><?php echo $rowMat1['Date_affectation']; ?></td> 

      </tr> 
     </tbody> 
      <?php } ?> 
     </table>  
      </form> 


    <script> 
     $(document).ready(function() { 
     $('#example').DataTable(); 
    }); 
    </script>

此外，我已經包括以下js和css文件：

<html> 
    <head> 
    <meta http-equiv="X-UA-Compatible" content="IE=EDGE" /> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
     <title>Recherche matériel</title> 


     <link rel="stylesheet" href="https://cdn.datatables.net/1.10.10/css/dataTables.bootstrap.min.css" type="text/css" /> 




    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script> 
    <script type="text/javascript" src="https://cdn.datatables.net/1.10.10/js/jquery.dataTables.min.js"></script> 
    <script type="text/javascript" src="https://cdn.datatables.net/1.10.10/js/dataTables.bootstrap.min.js"></script> 

    <script type="text/javascript" src="js/jquery-1.9.1.min.js"></script> 
    <script type="text/javascript" src="js/jquery-migrate-1.1.1.min.js"></script> 
    <script type="text/javascript" src="js/jquery-ui-1.9.2.min.js"></script> 
    <script type="text/javascript" src="js/bootstrap.min.js"></script>

來源

2015-11-30 SSA

Plzzzz還在等!!! – SSA

有一些問題與您的代碼：

tbody元素不應具有id和class屬性，並且應位於while循環之外。
您包含jquery-1.9.1.min.js兩次。

<tbody> 

<?php 
$reponse3 = mysql_query($sqlTous); 

while ($rowMat1 = mysql_fetch_array($reponse3)) { ?> 
    <tr> 
     <td><?php echo $rowMat1['SN']; ?></td>     
     <td><?php echo $rowMat1['NOMENCLATURE']; ?></td> 
     <td><?php echo $rowMat1['Reference']; ?></td> 
     <td><?php echo $rowMat1['libelle']; ?> </td> 
     <td><?php echo $rowMat1['Date_Acquisition']; ?></td> 
     <td><?php echo $rowMat1['Date_affectation']; ?></td> 
    </tr> 
<?php } ?> 

</tbody>

來源

2015-12-18 03:53:50

jQuery的數據表中沒有出現分頁控制

回答

相關問題