conflict between filter & pagination (jquery)
<p>I created a table and I added a couple of javascript for some features, including:</p>

<ul>
<li>Search (filter)</li>
<li>impagination</li>
<li>Sorting</li>
</ul>

<p>see my <a href="http://nathan4000.altervista.org/tabella_js/docs/index.html" rel="nofollow">http://nathan4000.altervista.org/tabella_js/docs/index.html</a></p>

<p>For the pagination and sorting I used the tablesorter plugin, whose package also contains a script for pagination <a href="http://nathan4000.altervista.org/tabella_js/addons/pager/jquery.tablesorter.pager.js" rel="nofollow">jquery.tablesorter.pager.js</a></p>

<p>But the implementation of the various scripts contains some conflicts between the filter and pagination.</p>

<p><strong>1.</strong> the search finds only the terms that are displayed by paging. For example, if I have 5 values ??in the table - because I set pagination on 5 - I can only find those 5 values ??and not the 34 real values throughout the table:</p>

<p><img src="http://i.stack.imgur.com/Hh7b9.png" alt="first"></p>

<p>if I do a search I can only find these 5 values ??I see.
If you try the <em>tropic</em> this is the result that would give me:</p>

<p><img src="http://i.stack.imgur.com/v4oNf.png" alt="second"></p>

<p>Yet there are 7 other pages where you can find the values ??(layout = 5)</p>

<p><strong>2</strong>. another problem is the incorrect return values ??in the pagination.
Imposed on the layout to 20.
In the research I write 2012.
All row that do not contain <em>2012</em> are hidden from view.
the problem is that all this is only valid for the page that I see, if I go to page 2 on pagination I do not see only 2012 but also 2007, 2011 .. this is valid for any term (not just numbers). Look here: </p>

<p><img src="http://i.stack.imgur.com/BnVPc.png" alt="third"></p>

<p><strong>3</strong>. If I set the layout to 20-30-40 and i try to search for a term the space between the table and the form(filter) is too big. I want to make sure that the form is always near to the table when i filtering results.
If I had 200 values ??space become even bigger and in order to reduce the layout should scroll across the page ... no thanks. </p>

<p><img src="http://i.stack.imgur.com/BpG8w.png" alt="enter image description here"></p>

<p>This is the filter code (<strong>ricerca.js</strong>) -- (look the source code on online demo)</p>

<pre><code>$(document).ready(function() {
     //Declare the custom selector 'containsIgnoreCase'.
          $.expr[':'].containsIgnoreCase = function(n,i,m){
              return jQuery(n).text().toUpperCase().indexOf(m[3].toUpperCase())&gt;=0;
          };

          $("#searchInput").keyup(function(){

              $("#fbody").find("tr").hide();
              var data = this.value.split(" ");
              var jo = $("#fbody").find("tr");
              $.each(data, function(i, v){

                   //Use the new containsIgnoreCase function instead
                   jo = jo.filter("*:containsIgnoreCase('"+v+"')");
              });

              jo.show();

          }).focus(function(){
              this.value="";
              $(this).css({"color":"black"});
              $(this).unbind('focus');
          }).css({"color":"#C0C0C0"});
      });
</code></pre>
