在模态中创建数据表

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) {&nbsp; &nbsp;$('.dataTable').DataTable();});2) 提交 Ajax 后更新表。$('.dataTable').change(function(e) {&nbsp; &nbsp;$('.dataTable').draw();});