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错误，它们将在稍后显示。