<code>class="detail"</code>ボタンをクリックすると、次のページのページ設定のデータテーブル

を表示できません。detail-formは完全に表示されますが、次のページ（データテーブルの次のレコード）にデータページングをクリックした後は表示されません。私はそれを動作、"paging": falseへのDataTableの設定を変更してみてください。どのように変更"paging"のDataTable設定せずにこれを行うには？<code>class="detail"</code>ボタンをクリックすると、次のページのページ設定のデータテーブル

この私のテーブル

<div id="detail-form"> 
................. 
</div> 
<table id="table"> 
    <thead> 
     <th>No</th> 
     <th>Name</th> 
     <th>NIM</th> 
    </thead> 
    <?php 
    foreach($maha as $m): ?> 
    <tr> 
     <td><?=$no++?></td> 
     <td><a href="javascript:void(0);" name="<?=$m->id?>" class="detail"><?=$m->username?></td> 
     <td><?=$m->nomor?></td> 
    </tr> 
    <?php endforeach; 
    ?> 
</table>

そして、私のスクリプト

$(function() { 
$("#table").DataTable({ 
    "paging": true, 
    "lengthChange": true, 
    "searching": true, 
    "ordering": true, 
    "info": true, 
    "autoWidth": false, 
    "scrollX": true, 
});)}; 

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $(".detail").each(function(){ 
      $(this).click(function(){ 
       $("#detail-form").show("slow"); 
...............................

出典

2016-04-12 Latief Anwar