title: js dataTable not working
body: <p>I dont know what is that im doing wrong. I have my normal table like this:</p>
  
  <pre><code>   &lt;table id="table_list_values"&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th&gt;
                      Seq
                  &lt;/th&gt;
                  &lt;th&gt;
                     Order
                  &lt;/th&gt;
                  &lt;th&gt;
                      Code
                  &lt;/th&gt;
                  &lt;th&gt;
                      Description
                  &lt;/th&gt;
                  &lt;th&gt;
                      Label Code
                  &lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
      &lt;/table&gt;
  </code></pre>
  
  <p>Nothing anormal. Then, populate the datatable i have to make an ajax call once I PRESS A BUTTOM(not before anything alse). That returns me alot of data but look how does the table is being display:
  <img src="https://i.stack.imgur.com/HWLkW.png" alt="enter image description here"></p>
  
  <p>What do i have to do make it paginate? Here what I've tried:</p>
  
  <p><strong>"bPagination:"</strong></p>
  
  <pre><code>  $('#ListValues').dataTable( {
      "bPaginate": true
    } );
  </code></pre>
  
  <p><strong>"bLengthChange"</strong></p>
  
  <pre><code>  $('#ListValues').dataTable( {
      "bLengthChange": false
    } );
  </code></pre>
  
  <p>Note: All of them are wrapped in <code>$(document).ready(function(){....})</code></p>
  
  <p>I have another table that work correctly by just adding <code>$("#Mytable").dataTable();</code></p>
  
  <p><img src="https://i.stack.imgur.com/9Q1gU.png" alt="enter image description here"></p>
  
  <p>What im doing wrong? If something else is need it, please let me know.</p>