首页 文章

DataTables未显示搜索，排序和过滤器

提问于
浏览 次
-1

Hello guys can you help me solve this? I have 2 different modal on the same page. The first modal shows search and filter

click to view first modal

但其他模态无法显示任何内容，只有内容
enter image description here

<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>
javascript jquery css datatable

2 回答

  • 0

    表格应具有不同的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%">
    回复于
  • 0

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

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

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

    回复于

相关问题