DataTablesに検索、並べ替え、フィルタが表示されない

Question

こんにちは私は同じページに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> 

Answer 1

最初のモーダルあなたは$('#example').DataTable();

を使用しているコンテンツのみを表示することはできません示してい

あなたの2番目のモーダル使用しない$('#second').DataTable();

したがって、2番目のモーダルに追加する必要があります。

Answer 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%">