Javascript 不显示搜索、排序和筛选的数据表

大家好，你们能帮我解决这个问题吗？我有两个不同的模式在同一页上。第一个模式显示搜索和筛选

但是其他情态动词不能显示任何东西，只能显示内容

$（文档）.ready（函数（）{
$（“#示例”）.DataTable（）；
$（'.modal-child'）.on（'show.bs.modal'，函数（）{
var modalParent=$（this.attr（'data-modal-parent'）；
$（modalParent）.css（'opacity'，0）；
});
$（'.modal child'）.on（'hidden.bs.modal'，function（）{
var modalParent=$（this.attr（'data-modal-parent'）；
$（modalParent）.css（'opacity'，1）；
});
} );

您正在使用的第一个模式

$（“#示例”）.DataTable（）

您没有使用的第二个模式是
$（'#second'）.DataTable（）

因此，必须为第二个模式添加。表应具有不同的id。例如：

<script type="text/javascript">
  $(document).ready(function() {
    $('#table1').DataTable();
    $('#table2').DataTable();
  });
</script>
...
<table id="table1" class="display" cellspacing="0" width="100%">
...
<table id="table2" class="display" cellspacing="0" width="100%">


$（文档）.ready（函数（）{
$（'#表1'）。数据表（）；
$（'#表2'）。数据表（）；
});
...
...
您能提供所有HTML代码和工作模式吗？它将帮助我们调试您的问题，并为您提供更好的答案。您使用的是api吗？还要检查表标题。我认为您在显示表格数据方面有问题。。第二个表上没有表头。检查表id。在某些情况下，重复的表id可能不起作用。。
<script type="text/javascript">
  $(document).ready(function() {
    $('#table1').DataTable();
    $('#table2').DataTable();
  });
</script>
...
<table id="table1" class="display" cellspacing="0" width="100%">
...
<table id="table2" class="display" cellspacing="0" width="100%">