bootstrap datatable分頁表不工作

Question

bootstrap datatable分頁表不工作我在做什麼錯？我覺得這是有文件的任何人都可以看到我在做什麼錯

Live網站鏈接問題Click here to see live

<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/1.10.12/css/dataTables.bootstrap.min.css"> 
<script language="javaScript" src="https://code.jquery.com/jquery-1.12.1.min.js" type="text/javascript"></script> 

<script type="text/javascript" src="http://cdn.datatables.net/1.10.2/js/jquery.dataTables.min.js"></script> 
<script language="javaScript" src="https://cdn.datatables.net/plug-ins/3cfcc339e89/integration/bootstrap/3/dataTables.bootstrap.js" type="text/javascript"></script> 

<script type="text/javascript" class="init"> 

jQuery(function($) { 
    $('#example').DataTable(); 

}); 

    </script> 
<div class="container"> 
    <div class="row"> 

      <div class="col-md-12"> 
<table id="example" class="table table-striped table-bordered display" cellspacing="0" border="1" width="100%"> 

<script type="text/javascript"> 
/* 
jQuery(function($) { 
$('#datatable').dataTable(); 

    $("[data-toggle=tooltip]").tooltip(); 
    }); 
*/ 
</script> 




<?php $i = 0; ?> 



<?php foreach($data as $entry): ?> 



<?php if($i==0){$count = count($entry);} ?> 

    <thead> 

<tr> 

<?php if($i==0): ?> 



<?php foreach ($entry as $cell): ?> 

<th><?php echo $cell; ?></th> 

<?php endforeach; ?> 

</thead> 
<tfoot> 
         <tr> 
         <?php foreach ($entry as $cell): ?> 
          <th><?php echo $cell; ?></th> 

          <?php endforeach; ?> 

         </tr> 
        </tfoot> 
<?php else: ?> 
<?php 

$keys = array_keys($entry,""); 

// foreach empty key, we unset that entry 
foreach ($keys as $k) 
unset($entry[$k]); 

?> 
    <tbody> 
<?php foreach ($entry as $cell): ?> 

<td><?php echo $cell; ?></td> 

<?php endforeach; ?>  
    <tbody> 


<?php endif; ?> 

</tr> 





<?php $i++; ?> 



<?php endforeach; ?> 

</table> 

</div> 
</div> 
</div> 

問候 數學

Answer 1

我接過仔細看你的代碼，看起來像該表無效，如果表格格式錯誤，則DataTable插件將無法工作。

在代碼中的這一部分：

<?php if($i==0){$count = count($entry);} ?> 
    <thead> 
     <tr> 
      <?php if($i==0): ?> 
      <?php foreach ($entry as $cell): ?> 
       <th><?php echo $cell; ?></th> 
      <?php endforeach; ?> 
    </thead> 
    <tfoot> 

一個</tr>丟失，從而可以產生無效表。

來自DataTable.net網站。

對於DataTables能夠增強一個HTML表格，該表格必須是有效的，格式良好的HTML，帶有一個標題（thead）和一個主體（tbody）。可選的頁腳（TFOOT），也可用於

• 小貼士：最好你完成加載的DOM元素後，加載所有的JS，做這樣會讓你的頁面加載速度更快，頁面將加載完全如果存在JS錯誤，它們將在稍後顯示。