Try adding the option positionFixed: false, like so:
....tablesorterPager({container: $("#pager"),positionFixed: false});
Here are the other defaults:
this.defaults = {
size: 10,
offset: 0,
page: 0,
totalRows: 0,
totalPages: 0,
container: null,
cssNext: '.next',
cssPrev: '.prev',
cssFirst: '.first',
cssLast: '.last',
cssPageDisplay: '.pagedisplay',
cssPageSize: '.pagesize',
seperator: "/",
positionFixed: true,
appender: this.appender
};
On Aug 20, 7:05 pm, ptepper <[EMAIL PROTECTED]> wrote:
> In the Tablesorter Pager plugin, on line 25, the position of the pager
> UI container is always set to absolute. In some cases, you want it to
> be positioned differently -- I embedded a table in a page with a lot
> of other preexisting content, and the pager was placed on top of some
> other elements. I removed the absolute position part myself, but it
> shouldn't be set to absolute by default.
>
> On a related note, the documentation for the Pager is unclear. It's
> not obvious that you have to create all the Pager elements yourself.
> You have to look at the source code for the page to see how it's
> working, and it's not clear that you're supposed to create all the
> images and form elements yourself. There should be some instructions
> stating that you need to copy this code, or something like it, to make
> the pager work. Many jQuery plugins just require you to specify an Id
> for a container, and add code like this automatically, and there's no
> instructions telling you to download or create the images (the PNGs
> here) and set all this up:
>
> <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>
>
> Otherwise, the plugin is great - works perfectly and is faster than
> any other similar things I've tried in other Javascript frameworks.
