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

如何在同一页面中使用datatables，我使用模板datatables，但当我创建一个新的datatables时，datatables不起作用

这是我的密码

CSS:

---

您应该编写jQuery来初始化DataTable

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

数据表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>

通过使用
.display类，您可以将其用于多个
数据表。给所有的桌子上同样的课

以下是多个数据表上的帮助器链接：
您可以使用datatable初始值设定项两次，表的ID如下所示：

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

这里是一个生活的例子在鹬虫

两个数据表：


$（文档）.ready（函数（）{
$（'table.display'）.DataTable（）；
} );

身份证件
名称
编辑
删除
1.
厕所
编辑
删除
身份证件
类型
编辑
删除
1.
男性
编辑
删除
我可以看看您是如何在js中初始化数据表的吗？无法工作？您需要确保表具有唯一的ID，该链接将无法工作，因为您已将类名设置为display2。DataTables需要类名“display”，我收回这一点，您使用的是bootstrapExcept，这会导致“无法重新初始化DataTable”错误，这是不允许的。看，没关系，如果我确保每次在不同的表元素上调用它，它似乎会起作用：）
$(document).ready(function() {
    $('#datatable-buttons').DataTable();//replace id as per your need
    $('#datatable-buttons2').DataTable();//replace id as per your need
});

<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>

<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();
} );

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