datatable com filtros em colunas

datatablefilter.blade.php

<div class="table-responsive">
  <table class="table table-bordered table-striped table-responsive" id="table" cellpadding="0" cellspacing="0" width="100%">
  <thead>
      <tr>          
          <th>Nome</th>                   
          <th>Telefone</th>
          <th>Celular</th>
          <th>Data Nascimento</th>
          <th>Ações</th>                 
      </tr>
  </thead>
  <thead class="hidden-xs hidden-sm hidden-md datatable-filter">
      <tr>
          <th>
              <input type="text" class="form-control search-input-text" data-column="0" style="width: 100%">
          </th>
          <th>
              <input type="text" class="form-control search-input-text" data-column="1" style="width: 100%"">
          </th>
          <th>
              <input type="text" class="form-control search-input-text" data-column="2" style="width: 100%"">
          </th>
          <th></th>
          <th></th>
      </tr>
  </thead>
  <tbody></tbody>
</table>

<script>

table = $('#table').DataTable({
responsive: true,
"bAutoWidth": false,
ajax: {
    url :'{{action('YourController@getTableData')}}',
    type: 'POST'
},
"order": [[ 1, "asc" ]],
columns: [                        
    { data: 'name' , name: 'name' },        
    { data: 'phone' , name: 'phone' },
    { data: 'celphone' , name: 'celphone' },
    { data: 'born_date_year' , name: 'born_date_year' },                    
    { data: 'actions' , name: 'actions' },
],                
});

$('#table .search-input-text').on( 'keyup change', function () {   // for text boxes
    var i =$(this).attr('data-column');  // getting column index
    var v =$(this).val();  // getting search input value
    table.columns(i).search(v).draw();
    // dataTable.ajax.reload( null, false );
} );

</script>