title: jQuery DataTables - Show entries menu and filtering is not working
body: <p>I created table in JSP file and it is showing all records without filtering and "Show 10 entries" count. My code is shown below. </p>
  
  <p>When I searched other answers, the solution is to set <code>iDisplayLength</code>. But this didn't work for me.</p>
  
  <pre><code>&lt;script src="https://code.jquery.com/jquery-1.10.2.js"&gt;&lt;/script&gt;
  
  &lt;script src="https://cdn.datatables.net/1.10.4/js/jquery.dataTables.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdn.datatables.net/plug-ins/9dcbecd42ad/integration/jqueryui/dataTables.jqueryui.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="https://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"&gt;
  &lt;link rel="stylesheet" href="https://cdn.datatables.net/plug-ins/9dcbecd42ad/integration/jqueryui/dataTables.jqueryui.css"&gt;
  &lt;script src="//code.jquery.com/ui/1.11.4/jquery-ui.js"&gt;&lt;/script&gt;
  
  &lt;script type="text/javascript"&gt;
  function searchfiles() {
  
      $('#fileLoader').DataTable({
          "bProcesing" : true,
          "bServerSide" : true,
          "iDisplayLength" : 10,
          destroy: true,  //reinitializing of the data table
          "aoColumns" : [ {
              "sTitle" : "Rate Files",
              "mData" : "filePath",
          } ],
          "columnDefs": [ {
              "targets": 0,
              "data": "download_link",
              "render": function ( data, type, full, meta ) {
                return '&lt;a href="'+data+'"&gt;'+data.split('.pdf')[0]+'&lt;/a&gt;';
              }
            } ],
          "fnServerData" : function(sSource, aoData, fnCallback) {
              aoData.push({
                  "name" : "hotel",
                  "value" : $("#hotel").val()
              });
              aoData.push({
                  "name" : "season",
                  "value" : $("#season").val()
              });
              aoData.push({
                  "name" : "market",
                  "value" : $("#market").val()
              });
              aoData.push({
                  "name" : "sheetDate",
                  "value" : $("#sheet_date").val()
              });
              $.ajax({
                  "type" : "POST",
                  "url" : "searchfiles",
                  "data" : aoData,
                  "success" : fnCallback
              });
          },
      });
  }
  &lt;/script&gt;
  
  
  &lt;table id="fileLoader" width="100%"&gt;
          &lt;thead&gt;
              &lt;tr&gt;
                  &lt;th&gt;Rate Files&lt;/th&gt;
              &lt;/tr&gt;
          &lt;/thead&gt;
          &lt;tbody&gt;
          &lt;/tbody&gt;
      &lt;/table&gt;
  </code></pre>