Jquery Datatables [closed]

I have an array with numbers of lottery contests and threw in a datatable. I would like to know if it is possible to type in the filter the contest number I want and it instead of filtering just that number, just bring me the item data and the previous and next buttons pointed respectively to the next ones. Example this site from the box. link

I'm using DataTables 1.10.7.

index.html

    <div class="table-responsive">
        <table id="dataTable1" class="table table-bordered table-striped-col" data-info="false">
          <thead>
            <tr>
              <th>Resultados Lotofácil</th>
            </tr>
          </thead>

          <tbody>
              <script type="text/javascript">

             var LFcontador = localStorage.getItem("LFcontador");
             if(LFcontador == 0)
             {
                document.write('<br>Não há resultados carregados no momento.');
             }
             else
             {
                 for(j=LFcontador-1;j>=0;j--)  
                 {                             
                     document.write('<tr><td><strong>Concurso: </strong>'+localStorage.getItem("LFConcurso-"+j)+'<br><strong>Números: </strong>'+localStorage.getItem("LFBol1-"+j)+'-'+localStorage.getItem("LFBol2-"+j)+'-'+localStorage.getItem("LFBol3-"+j)+'-'+localStorage.getItem("LFBol4-"+j)+'-'+localStorage.getItem("LFBol5-"+j)+'-'+localStorage.getItem("LFBol6-"+j)+'-'+localStorage.getItem("LFBol7-"+j)+'-'+localStorage.getItem("LFBol8-"+j)+'-'+localStorage.getItem("LFBol9-"+j)+'-'+localStorage.getItem("LFBol10-"+j)+'-'+localStorage.getItem("LFBol11-"+j)+'-'+localStorage.getItem("LFBol12-"+j)+'-'+localStorage.getItem("LFBol13-"+j)+'-'+localStorage.getItem("LFBol14-"+j)+'-'+localStorage.getItem("LFBol15-"+j)+'</td></tr>');                             
                 }
             }
         </script>
          </tbody>
        </table>
      </div>