私はjqueryで新しく、私はソースコードでdatatableを統合するためにpluginwicheのsearcheフィールドとorganization butomを表示するためにtrinigを使用しています。 jsとcssファイルリンクの統合。私のPHPテーブルのDatatableプラグインを設定する方法

は、ここでは、事前にテーブル

 <div class="table responsive "> 
     <table id="datatable" class="table table-condensed table-striped table-hover no-margin display" cellspacing="0" width="100%"> 
     <thead> 
     <tr class="table-danger"> 
      <th>Nom</th> 
      <th>Prenom</th> 
      <th>Structure</th> 
      <th>Email</th> 
      <th>Date rec</th> 
      <th>RC</th> 
      <th>Matricule</th> 
      <th></th> 
      <th></th> 
     </tr> 
     </thead> 

    <?php 

    if (strcmp($affectation,'DSI')==0) 
     { 

      while($query2=mysqli_fetch_array($query1)) 
      { 
      echo "<tbody><tr><td>".$query2['name']."</td>"; 
      echo "<td>".$query2['prenom']."</td>"; 
      echo "<td>".$query2['affectation']."</td>"; 
      echo "<td class=\"col-xs\">".$query2['email']."</td>"; 
      echo "<td>".$query2['date_rec']."</td>"; 
      echo "<td class=\"text-DANGER\">".$query2['nbr_rc']." Jours</td>"; 
      echo "<td>".$query2['matricule']."</td>"; 
      echo "<td> <a class=\"btn btn-primary btn-xs green pull-center\" href='aff_emp.php?sessId=$sessId&id=".$query2['id']."'>Afficher </a></td>"; 
      } 

     } 

    else 
      { 

      while($query4=mysqli_fetch_array($query3)) 
      { 
      echo "<tbody><tr><td>".$query4['name']."</td>"; 
      echo "<td>".$query4['prenom']."</td>"; 
      echo "<td>".$query4['affectation']."</td>"; 
      echo "<td>".$query4['email']."</td>"; 
      echo "<td>".$query4['date_rec']."</td>"; 
      echo "<td class=\"text-DANGER\">".$query4['nbr_rc']." Jours</td>"; 
      echo "<td>".$query4['matricule']."</td>"; 
      echo "<td> <a class=\"btn btn-primary btn-xs green pull-center\" href='edit.php?sessId=$sessId&id=".$query4['id']."'>Modifier</a></td>"; 
      echo "<td> <button type=\"button\" class=\"btn btn-xs green btn-primary disabled pull-center\">Supp</button> "; 
      echo "<td> <a class=\"btn btn-primary btn-xs green pull-center\" href='aff_emp.php?sessId=$sessId&id=".$query4['id']."'>Afficher </a></td>"; 
      } 

    } 

    ?> 
      </td> 
     </tr> 
    </tbody> 
    </table>

TKSの私のソースコードであり、データテーブル機能

<head> 
    <meta charset="UTF-8"> 
    <title>Application gestion de RC</title> 
    <link rel="stylesheet" href="css/bootstrap.min.css"> 
    <link rel="stylesheet" href="css/jquery.dataTables.min.css"> 
    <link rel="stylesheet" href="css/jquery.dataTables.css"> 

    <script type="text/javascript" src="js/jquery-1.8.2.js"></script> 
    <script type="text/javascript" src="js/jquery.dataTables.min.js"></script> 
    <script type="text/javascript" src="js/jquery.dataTables.js"></script> 

    <script src="js/jquery.min.js"></script> 

    <script type="text/javascript" language="javascript" > 

    $(document).ready(function() 
    { 
     $('#datatable').dataTable(); 
    }); 

    </script> 

</head>

出典

2016-05-19 Sadiki Ayoub

敏感なケースPHPとは関係ありませんのJavaScriptをソース...

$(document).ready(function() { 
    $('#datatable').dataTable(); 
});

は

$(document).ready(function() { 
    $('#datatable').DataTable(); 
});

注アッパーケースD ataTable（）であるべきです。

このようなエラーが表示されるように、javascriptコンソールを表示するには開発者用ツールまたは火元爆弾を使用してください。

Examle

チェックアウトwhileループの外codepen.io

出典

2016-05-19 17:59:29 Logikos

+1。よく形成された ''タグが必要であることを忘れないでください。 OPは彼らの ''を閉じず、 ''タグをループ内に入れてはいけません。 – Ohgodwhy

私は彼がテーブルの一番下に検索フィールドを置くことができるかどうか尋ねていると思います。 – MoniXx

OPのテキストが不明だと彼は私が「ボタン」と思った「ブトム」と言った。また、「jsとcssファイルのリンクの統合」に疑問を呈しました。私はデータセットをまったく動かすことができなかったと考えていました – Logikos

移動中のこのExample ...と

はそう

tbody 
while{ 
<tr> 
<td><td> 
... 
</tr> 
} 
<tbody>

出典

2016-05-19 18:01:29

のDataTableができますwhileループの内側に移動しますあなたはsarchboxのような要素を配置します。比較的簡単です。ここを見てください。 https://www.datatables.net/examples/basic_init/dom.html

出典

2016-05-19 18:02:51 MoniXx

私のPHPテーブルのDatatableプラグインを設定する方法

答えて

Examle

関連する問題