PHPで作成されるテーブル内のページ設定

Question

私はHTML/JSも含むPHPファイルを持っています。そのファイルの中にAJAXを使用していくつかのクエリを実行した別のPHPファイルを呼び出してから、元のPHPファイルに。私がしたいのは、結果のテーブルを改ページすることです。

検索私はこれまでの質問https://datatables.net/examples/basic_init/alt_pagination.htmlを指している受け入れられたasnwerを複製しようとしましたが、何の結果も得られませんでした。ここで

はAJAXによって呼び出されるPHPファイルで、私のコードです：

echo '<div class="table-responsive">'; 
echo '<table id="resultsTable" class="table table-hover table-condensed" align="center" style="width:80%">'; 
echo '<thead>'; 
echo '<tr>'; 
echo '<th>Πληροφορίες</th>'; 
echo '<th>Εξώφυλλο</th>'; 
echo "<td><a href='search.php?Order=1&SearchOption=".$SearchOption."&search_db=".$SearchValue."'><button type='button' class='btn btn-primary'>Τίτλος</button></a></td>"; 
echo "<td><a href='search.php?Order=2&SearchOption=".$SearchOption."&search_db=".$SearchValue."'><button type='button' class='btn btn-primary'>Συγγραφέας</button></a></td>"; 
echo "<td><a href='search.php?Order=3&SearchOption=".$SearchOption."&search_db=".$SearchValue."'><button type='button' class='btn btn-primary'>Εκδότης</button></a></td>"; 
echo "<td><a href='search.php?Order=4&SearchOption=".$SearchOption."&search_db=".$SearchValue."'><button type='button' class='btn btn-primary'>Είδος</button></a></td>"; 
echo "<td><a href='search.php?Order=5&SearchOption=".$SearchOption."&search_db=".$SearchValue."'><button type='button' class='btn btn-primary'>Θέμα</button></a></td>"; 
echo "<td><a href='search.php?Order=6&SearchOption=".$SearchOption."&search_db=".$SearchValue."'><button type='button' class='btn btn-primary'>ISBN</button></a></td>"; 
echo '<th>Θέση</th>'; 
echo "<td><a href='search.php?Order=7&SearchOption=".$SearchOption."&search_db=".$SearchValue."'><button type='button' class='btn btn-primary'>Τωρινός Κάτοχος</button></a></td>"; 
echo "<td><a href='search.php?Order=8&SearchOption=".$SearchOption."&search_db=".$SearchValue."'><button type='button' class='btn btn-primary'>Προστέθηκε</button></a></td>"; 
if($LoggedIn == 1) 
{ 
echo "<th>Αλλαγή Καταχώρησης</th>"; 
} 
echo '</tr>'; 
echo '</thead>'; 
//body 
echo '<tbody>'; 
for($i=0;$i<$counter;$i++) 
{ 
echo ' <tr>'; 
    echo "<td href='#' onclick=\"alert('".$ResultTable[$i][10]."');\" style='text-align: center;'><img src='IconImage.png' width='25' height='25' title='".$ResultTable[$i][10]."'/></td>"; 
    echo "<td><img src='BookCovers/". $ResultTable[$i][0] ."' class='img-thubnail' alt='Δεν υπάρχει' width='50' height='50'/></td>"; 
    echo "<td>".$ResultTable[$i][1]."</td>"; 
    echo "<td>".$ResultTable[$i][2]."</td>"; 
    echo "<td>".$ResultTable[$i][3]."</td>"; 
    echo "<td>".$ResultTable[$i][4]."</td>"; 
    echo "<td>".$ResultTable[$i][5]."</td>"; 
    echo "<td>".$ResultTable[$i][6]."</td>"; 
    echo "<td>".$ResultTable[$i][7]."</td>"; 
    echo "<td>".$ResultTable[$i][8]."</td>"; 
    echo "<td>".$ResultTable[$i][9]."</td>"; 
    if($LoggedIn == 1) 
    { 
    echo "<td style='text-align: center;'><a href='UpdateEntry.php?BookID=".$ResultTable[$i][11]."' onclick=\"window.open(this.href, 'mywin','left=20,top=20,width=500,height=500,toolbar=1,resizable=0'); return false;\"><button type='button' class='btn btn-info'><span class='glyphicon glyphicon-wrench'></span></button></a> 
    <a href='DeleteBook.php?BookID=".$ResultTable[$i][11]."' onclick= \"return confirm('Διαγραφή Καταχώρησης; Αυτή η ενέργεια δεν μπορεί να αναιρεθεί!!')\"><button type='button' class='btn btn-danger'><span class='glyphicon glyphicon-remove'></span></button></a></td>"; 
    } 
echo '</tr>'; 
}echo '</tbody>';echo '</table>';echo "</div>"; 

、元のPHPファイルに私は、ヘッドブロック

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 

<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 

<script src ="jquery-1.12.3.js"></script> 

<script src ="https://cdn.datatables.net/1.10.12/js/jquery.dataTables.min.js"></script> 

にそして、ちょうど終了する前に、以下が含まれて私が持っている身体

<script>$(document).ready(function() { 
$('#resultsTable').DataTable({ 
    "pagingType": "full_numbers" 
});});</script> 

私がページを開くと、結果は正しく表示されますが、タブファイルはまったくフォーマットされていません。どんな助けでも大歓迎です。

Answer 1

私は答えを見つけました。コードの問題は実際には2

• 私は2つの異なるバージョンのjqueryを含んでいました。
• テーブルを作成していたAJAX呼び出しは...非同期であったため、テーブルがまだ構築されていない間に実行フローがjqueryパーツに到達していました。これが私がコンソールでエラーメッセージを見たことがない理由です。

jqueryコードをheadタグからAJAX呼び出しの最後に移動し、正しく機能しました。