Question

如何在同一页面中使用数据表，我使用模板数据表但是当我创建新的数据表时不起作用。

这是我的代码

CSS：

<link href="<?php echo base_url();?>/assets/plugins/datatables/jquery.dataTables.min.css" rel="stylesheet" type="text/css"/>
<link href="<?php echo base_url();?>/assets/plugins/datatables/buttons.bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="<?php echo base_url();?>/assets/plugins/datatables/responsive.bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="<?php echo base_url();?>/assets/plugins/datatables/scroller.bootstrap.min.css" rel="stylesheet" type="text/css"/>

JavaScript：

 <!-- Datatable js -->
    <script src="<?php echo base_url();?>/assets/plugins/datatables/jquery.dataTables.min.js"></script>
    <script src="<?php echo base_url();?>/assets/plugins/datatables/dataTables.bootstrap.js"></script>
    <script src="<?php echo base_url();?>/assets/plugins/datatables/dataTables.buttons.min.js"></script>

代码：不，当我使用这个数据表创建一个新函数时，所有函数都不起作用..

echo "<table id='datatable-buttons' class='table display2 table-striped table-bordered'>";
    echo "<thead>";
    echo "<tr>";
    echo "<th>No.</th>";
    echo "<th>Itemset</th>";
    echo "<th>Jumlah</th>";
    echo"</tr>";
    echo "</thead>";
    echo "<tbody>";
    foreach ($item_array as $ia_key => $ia_value) 
    {
        //$theitems = explode('|',$ia_key);
        for($x = 0; $x < count($ia_key); $x++) 
        {
            if (($ia_value>=$support))
            {
                $no++;
                echo "<tr>";
                echo "<td> $no </td>";
                echo "<td> $ia_key </td>";
                echo "<td> $ia_value </td>";
                $z++;
                echo "</tr>";
            }
        }
    }
    echo "</tbody>";
    echo "</tr>";
    echo "</table>";

Answer 1

你应该编写jQuery来初始化DataTable。

$(document).ready(function() {
    $('#datatable-buttons').DataTable();//replace id as per your need
    $('#datatable-buttons2').DataTable();//replace id as per your need
});

Answer 2

数据表HTML代码：

表1：

<table id="" class="display" cellspacing="0" width="100%">
<thead>
    <tr>
       <th>your table head</th>
       <th>your table head</th>
    </tr>
<tbody>
// Your table body
</tbody>

表2：

<table id="" class="display" cellspacing="0" width="100%">
<thead>
    <tr>
       <th>your table head</th>
       <th>your table head</th>
    </tr>
<tbody>
// Your table body
</tbody>

数据表脚本：

$(document).ready(function() {
    $('table.display').DataTable();
} );

通过使用 .display 课程，您可以将其用于多个 data-tables 。只需为所有表格提供相同的课程。

以下是多个数据表的辅助链接：multiple_tables

Answer 3

您可以使用数据表初始化程序两次使用表格的ID，如下所示：

  $('#datatable-id1').dataTable(); //replace id with your first table's id
  $('#datatable-id2').dataTable(); //replace id with your second table's id

Answer 4

这是狙击手中的生活示例。

两个数据表：

<?php echo form_open('user/favorit_cats');?>
    <h1>please select the food cateogry you want to see it the most</h1>

 <?php 
    for($i=0;$i<sizeof($cats_names);$i++){
        echo'<input type="checkbox" name="meal_cat" value='.$cats_id[$i].'>';
        echo '<label for="'.$cats_id[$i].'">'.$cats_names[$i].'</label><br>';

    }
    ?>
    <?php echo form_submit('submit','set as favorit'); ?>
    </form>

 if($this->input->post('subm it')){
               if(is_array($this->input->post['meal_cat'])){
                   echo'array';
               }
            }

有关更多说明：

https://stackoverflow.com/a/3269756/3225934

此致

如何在同一页面中使用2个数据表？

4 个答案: