title: DataTable API, Laravel: why the datatable api is not working and dont give any errors back?There is another way to filter colmns
body: <p>I'm trying to build a filter to my columns 'vendedor', 'cliente' and 'data' :</p>
  <pre><code>@csrf
   &lt;h2&gt;Orcamento&lt;/h2&gt;
    
    &lt;table id=&quot;example&quot; style=&quot;width:100%&quot;&gt;
    &lt;thead&gt;
      &lt;tr&gt;
        &lt;th  scope=&quot;col&quot;&gt;Vendedor&lt;/th&gt;
        &lt;th  scope=&quot;col&quot;&gt;Cliente&lt;/th&gt;
        &lt;th  scope=&quot;col&quot;&gt;Data&lt;/th&gt;
        &lt;th  scope=&quot;col&quot;&gt;Valor&lt;/th&gt;
        &lt;th   scope=&quot;col&quot;&gt;
        &lt;a href=&quot;{{url('orcamentos/create')}}&quot;&gt;
          &lt;button type=&quot;button&quot; class=&quot;btn btn-light mb-2&quot;&gt;&lt;i class=&quot;fas fa-plus&quot;&gt;&lt;/i&gt; Adicionar &lt;/button&gt;
        &lt;/a&gt;
        &lt;/th&gt;
      &lt;/tr&gt;
    &lt;/thead&gt;   
   
  </code></pre>
  <p>And I try all the pressets from the datatable but they do nothing:</p>
  <pre><code>@section('javascripts')
  
  &lt;script src=&quot;https://code.jquery.com/jquery-3.5.1.js&quot;&gt;&lt;/script&gt;
  &lt;script type=&quot;text/javascript&quot; src=&quot;https://cdn.datatables.net/1.10.21/js/jquery.dataTables.js&quot;&gt;&lt;/script&gt;
  &lt;script&gt;
  $(document).ready(function() {
      $('#example').DataTable();
  } );
  &lt;/script&gt;
  @endsection
  </code></pre>
  <p>this is the final part of the document, im almost sure this is correct, but is my first time using datatables and laravel, if you know other way to do the filter the comments are open:</p>
  <pre><code>  &lt;tbody&gt;
    
    
    @foreach($orcamento as $object)
      &lt;tr&gt;
        &lt;td data-column=&quot;0&quot;&gt;{{$object-&gt;vendedor}}&lt;/td&gt;
        &lt;td data-column=&quot;1&quot;&gt;{{$object-&gt;cliente}}&lt;/td&gt;
        &lt;td data-column=&quot;2&quot;&gt;{{$object-&gt;created_at}}&lt;/td&gt;
        &lt;td data-column=&quot;2&quot;&gt;{{$object-&gt;valor}}&lt;/td&gt;
        &lt;td&gt;
        &lt;a href=&quot;{{url(&quot;orcamentos/$object-&gt;id&quot;)}}&quot;&gt;
          &lt;button type=&quot;button&quot; class=&quot;btn btn-light&quot; style=&quot;margin-left: 3px;&quot;&gt;&lt;i class=&quot;fas fa-eye&quot;&gt;&lt;/i&gt; Visualizar&lt;/button&gt;
        &lt;/a&gt;
        &lt;a href=&quot;{{url(&quot;orcamentos/$object-&gt;id/edit&quot;)}}&quot;&gt;
          &lt;button type=&quot;button&quot; class=&quot;btn btn-light&quot; style=&quot;margin-left: 3px;&quot;&gt; &lt;i class=&quot;fas fa-pen&quot;&gt;&lt;/i&gt; Editar&lt;/button&gt;
        &lt;/a&gt;
        &lt;a href=&quot;{{url(&quot;orcamentos/$object-&gt;id&quot;)}}&quot; class=&quot;js-del&quot;&gt;
          &lt;button class=&quot;btn btn-danger ml-3&quot;&gt;Deletar &lt;i class=&quot;fas fa-minus-square&quot;&gt;&lt;/i&gt;&lt;/button&gt;
        &lt;/a&gt;
        &lt;/td&gt;
      
      &lt;/tr&gt;
      @endforeach
    &lt;/tbody&gt;
   
   
    &lt;tfoot&gt; 
      &lt;tr&gt;
        &lt;th  scope=&quot;col&quot;&gt;Vendedor&lt;/span&gt;&lt;/th&gt;
        &lt;th  scope=&quot;col&quot;&gt;Cliente&lt;/span&gt;&lt;/th&gt;
        &lt;th  scope=&quot;col&quot;&gt;Data &lt;/span&gt;&lt;/th&gt;
        &lt;th  scope=&quot;col&quot;&gt;Valor&lt;/th&gt;
        &lt;th style=&quot;margin-top: 20px;&quot; scope=&quot;col&quot;&gt;{!!$orcamento-&gt;links() !!}&lt;/th&gt;
      &lt;/tr&gt;
      
    &lt;/tfoot&gt;
   
  &lt;/table&gt;
  </code></pre>