在模态中创建数据表

Question

我试图将表格显示为数据表。但是用于显示的代码在另一个 PHP 文件中，因此它不会显示为数据表，而是显示为普通表。我也包括了所有的脚本文件。**activity_show.php**<link href="vendors/datatables.net-bs/css/dataTables.bootstrap.min.css" rel="stylesheet">    <link href="vendors/datatables.net-buttons-bs/css/buttons.bootstrap.min.css" rel="stylesheet">    <link href="vendors/datatables.net-responsive-bs/css/responsive.bootstrap.min.css" rel="stylesheet">    <link href="vendors/datatables.net-scroller-bs/css/scroller.bootstrap.min.css" rel="stylesheet"><table id="datatable-buttons" class="table table-striped table-bordered dataTable " role="grid" aria-describedby="datatable-buttons_info" style="width: 948px;">                      <thead> <th>id</th>                          <th>Date </th>                          <th>id2</th> </tr>                      </thead>                      <tbody><td>1</td>                <td >2</td>                <td>3</td>            </tr>    </tbody>                    </table>     <script src="vendors/datatables.net/js/jquery.dataTables.min.js"></script>    <script src="vendors/datatables.net-bs/js/dataTables.bootstrap.min.js"></script>    <script src="vendors/datatables.net-buttons/js/dataTables.buttons.min.js"></script>    <script src="vendors/datatables.net-buttons-bs/js/buttons.bootstrap.min.js"></script>    <script src="vendors/datatables.net-buttons/js/buttons.flash.min.js"></script>    <script src="vendors/datatables.net-buttons/js/buttons.html5.min.js"></script>    <script src="vendors/datatables.net-buttons/js/buttons.print.min.js"></script>

Answer 1

您可以使用这些函数先创建然后在需要的地方更新数据表。

1) 确保所有具有特定类的表默认都是 DataTable。

$(document).ready(function(e) {

   $('.dataTable').DataTable();

});

2) 提交 Ajax 后更新表。

$('.dataTable').change(function(e) {

   $('.dataTable').draw();

});