Sounds like a css issue. Have you set both tables to 'clear: both;' or 'display: block;'?
On May 15, 9:57 am, mlotfi <mlotfi2...@gmail.com> wrote: > Hi, > > I am trying to use the plugin tablesorter that has a pager, for one > table in a page it works fine, but when I put two tables, the pager > links [next, previous,....] for the first table is moved under the > second table. > > Please your help is appreciated. > > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";> > <html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en-us"> > <head> > <title>jQuery plugin: Tablesorter 2.0 - Pager plugin</title> > <link rel="stylesheet" href="css/jq.css" type="text/css" > media="print, projection, screen" /> > <link rel="stylesheet" href="../themes/blue/style.css" type="text/ > css" media="print, projection, screen" /> > <script type="text/javascript" src="../jquery-latest.js"></script> > <script type="text/javascript" src="../jquery.tablesorter.js"></ > script> > <script type="text/javascript" src="../addons/pager/ > jquery.tablesorter.pager.js"></script> > <script type="text/javascript" src="js/chili/chili-1.8b.js"></script> > <script type="text/javascript" src="js/docs.js"></script> > <script type="text/javascript"> > $(function() { > $("table") > .tablesorter({widthFixed: true, widgets: ['zebra']}) > .tablesorterPager({container: $("#pager")}); > }); > </script> > </head> > <body> > <div id="main"> > > <h1>First Table</h1> > <table cellspacing="1" class="tablesorter"> > <thead> > <tr> > <th>Current Reviewer</th> > <th>Arrival Date</th> > <th>Proposal #</th> > <th>Routing #</th> > <th>Deadline Date</th> > <th>Days</th> > <th>OSP administrator</th> > <th>PI</th> > <th>Lead Unit</th> > <th>Pgogram Ann Number</th> > <th>Sponsor Name</th> > > </tr> > </thead> > > <tbody> > <tr> > <td>jimewhite</td> > <td>5/8/09 08:14</td> > <td>00005638</td> > <td>1</td> > <td>05/15/09</td> > <td>0</td> > <td>DeNutte, Kara L</td> > <td>Norwak, Michael</td> > <td>Kavli Inst for Astr</td> > <td>NNH09ZDA001N</td> > <td>NAZA-wHASHINGTON</td> > </tr> > > ............ more ..........<tr><td>.....</td></tr> > > </tbody> > </table> > <div id="pager" class="pager"> > <form> > <img src="../addons/pager/icons/first.png" class="first"/> > <img src="../addons/pager/icons/prev.png" class="prev"/> > <input type="text" class="pagedisplay"/> > <img src="../addons/pager/icons/next.png" class="next"/> > <img src="../addons/pager/icons/last.png" class="last"/> > <select class="pagesize"> > <option selected="selected" value="10">10</option> > <option value="20">20</option> > <option value="30">30</option> > <option value="40">40</option> > </select> > </form> > </div> > > <h1>Second table</h1> > <table cellspacing="1" class="tablesorter"> > <thead> > <tr> > <th>Current Reviewer</th> > <th>Arrival Date</th> > <th>Proposal #</th> > <th>Routing #</th> > <th>Deadline Date</th> > <th>Days</th> > <th>OSP administrator</th> > <th>PI</th> > <th>Lead Unit</th> > <th>Pgogram Ann Number</th> > <th>Sponsor Name</th> > > </tr> > </thead> > > <tbody> > <tr> > <td>John</td> > <td>5/8/09 08:14</td> > <td>00005638</td> > <td>1</td> > <td>05/15/09</td> > <td>0</td> > <td>DeNutte, Kara L</td> > <td>Norwak, Michael</td> > <td>Kavli Inst for Astr</td> > <td>NNH09ZDA001N</td> > <td>NAZA-wHASHINGTON</td> > </tr> > > ............ more .......<tr><td>.....</td></tr> > > </tbody> > </table> > <div id="pager" class="pager"> > <form> > <img src="../addons/pager/icons/first.png" class="first"/> > <img src="../addons/pager/icons/prev.png" class="prev"/> > <input type="text" class="pagedisplay"/> > <img src="../addons/pager/icons/next.png" class="next"/> > <img src="../addons/pager/icons/last.png" class="last"/> > <select class="pagesize"> > <option selected="selected" value="10">10</option> > <option value="20">20</option> > <option value="30">30</option> > <option value="40">40</option> > </select> > </form> > </div> > > </div> > > </body> > </html>
