Question

bootstrap datatable分页表无法正常工作我做错了什么？我认为文件存在问题，任何人都可以看到我做错了什么

<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网站。

为了使DataTable能够增强HTML表，该表必须是有效的，格式良好的HTML，带有标题（thead）和正文（tbody）。也可以使用可选的页脚（tfoot）

提示：最好在加载DOM元素后加载所有JS，这样做会使页面加载更快，页面将完全加载，如果存在JS错误，它们将在之后显示。

bootstrap datatable分页表不起作用

1 个答案: