数据表未显示搜索、排序和筛选答案

【问题标题】：DataTables not showing search,sort,and filter数据表未显示搜索、排序和筛选
【发布时间】：2017-11-21 03:05:43
【问题描述】：

大家好，可以帮我解决这个问题吗？我在同一页面上有 2 个不同的模式。第一个模态显示搜索和过滤

但其他模式不能显示任何内容，只能显示内容

 <script src="https://cdn.datatables.net/1.10.13/js/dataTables.bootstrap.min.js"></script>
  <script src="https://cdn.datatables.net/responsive/2.1.1/js/dataTables.responsive.min.js"></script>
  <script src="https://cdn.datatables.net/responsive/2.1.1/js/responsive.bootstrap.min.js"></script>
  <script type="text/javascript">
      $(document).ready(function() {
        $('#example').DataTable();
        $('.modal-child').on('show.bs.modal', function () {
            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);
        });


    } );
    </script>

【问题讨论】：

你能提供你所有的 HTML 代码和工作模式吗？它将帮助我们调试您的问题并为您提供更好的答案。
你在用api吗？还要检查表头。我认为您在显示表格数据时遇到问题。第二张表格上没有表格标题。检查表ID。在某些情况下，重复的表 ID 可能不起作用..

标签： javascript jquery css datatable

【解决方案1】：

你使用的第一个模态$('#example').DataTable();

你没有使用的第二个模态$('#second').DataTable();

所以，你必须为第二个模态添加。

【讨论】：

【解决方案2】：

表应该有不同的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%">

【讨论】：