опция поиска в dataTables не работает

Question

Я использую bootstrap4 dataTables для отображения ограничения строки и параметров поиска.Я использую Ajax для заполненных данных с сервера.Данные заполняются в dataTables, но опция поиска - & Показать параметры строки не работает.вот мои таблицы изображений

Я использовал приведенный ниже код

1. HTML-код

   <table class="table table-bordered" id="tb_requisiton" width="100%" cellspacing="0">
   <thead>
       <tr>
          <th>Std. ID</th>
           <th>Name</th>          
       </tr>
   </thead>        
   <tfoot>
     <tr>
       <th>Std. ID</th>
         <th>Name</th>                    
           </tr>
   </tfoot>
   </table>
   

2. код заполнения Ajax

     var trHTML = '';
       for (var i = 0; i < data.length; i++) {              
         var item = data[i];       
   
         trHTML += '<tr>'
         trHTML += '<td>'+ item.client_id + '</td>'
         trHTML += '<td>'+ item.name + '</td>'           
         trHTML += '</tr>'                
       }
   
       $('#tb_requisiton tbody').append(trHTML);
   

3. нагрузка Я использовал приведенный ниже код

       $(document).ready(function() {
   
       $('#tb_requisiton').DataTable();
   
   } );
   

4. Я использовал ниже js & css

     <link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.css" rel="stylesheet">
    <link href="https://cdn.datatables.net/1.10.19/css/dataTables.bootstrap4.min.css" rel="stylesheet">
   
   <script src=" https://code.jquery.com/jquery-3.3.1.js"></script>
   <script src=" https://cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
   <script src="https://cdn.datatables.net/1.10.19/js/dataTables.bootstrap4.min.js"></script>
   

Answer 1

Вызовите ajax внутри DataTable.

$(document).ready(function() {

    $('#tb_requisiton').DataTable({
        "ajax": 'data.txt'//ajax url
    });

});