Jquery Pagination

Question

I am trying my hardest to learn jQuery with the "Learning Jquery 1.3 Book from Packt".

I am following the code to the letter but I am finding it hard to get the code working.

I am trying a simple Page Pagination with the following code but I am having no luck can any one tell me why and offer some advice.

Thanks.

$(document) .ready(function() {
    $('table.paginated').each(function() {
        var currentPage = 0;
        var numberPage = 5;
        var $table = $(this);
        $table.find('thead tr').hide()
          .slice(currentPage * numPerPage, (currentPage + 1) * numPerPage)
          .show();
    });
});

My Table tabs are :

<table id="tablesorter" class="tablesorter" border="0" cellpadding="0" cellspacing="1">
      <thead>
       <tr>  
          <th>Ref</th>
          <th>Date</th>
          <th>Company</th>
          <th>Operator</th>
          <th>Boxes</th>
          <th>Network</th>
          <th>Quote Accept</th>
          <th>Term Accept</th>
          <th>Credit Check</th>
          <th>Expiry</th>
       </tr>
      </thead>
       <tbody>

Powerlord · Accepted Answer · 2009-10-02 14:13:55Z

2

This may seem obvious, but have you loaded the tablesorter and tablesorter pager plugin?

<script type="text/javascript" src="/path/to/jquery.tablesorter.min.js"></script> 
<script type="text/javascript" src="/path/to/jquery.tablesorter.pager.js"></script>

or are you not using these plugins? I just assumed you were from the table id.

edited Oct 2, 2009 at 14:13

answered Oct 2, 2009 at 14:02

Powerlord

89k17 gold badges130 silver badges179 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Oliver Bayes-Shelton Over a year ago

Im not no , Do you think thats the issue

Phill Healey Over a year ago

@OliverBayes-Shelton Well if they are needed, then I'd say not including them is a big problem. ;-)

jakeisonline · Accepted Answer · 2009-10-02 13:54:26Z

1

First line

$(document) .ready(function() { // Bad Syntax

Remove that space!

$(document).ready(function() { // Good Syntax

answered Oct 2, 2009 at 13:54

jakeisonline

1,2061 gold badge11 silver badges24 bronze badges

Comments

Fenton · Accepted Answer · 2009-10-02 13:52:39Z

0

Does your table definitely have the correct definition... i.e.

<table>
    <tbody>
        <tr>...</tr>
        <tr>...</tr>
        <tr>...</tr>
        <tr>...</tr>
    </tbody>
</table>

The only problem that pops out at me is that it relies on the rows being nested in a tbody tag.

answered Oct 2, 2009 at 13:52

Fenton

253k74 gold badges404 silver badges414 bronze badges

1 Comment

jakeisonline Over a year ago

Have you also sorted that bad syntax problem?

Collectives™ on Stack Overflow

Jquery Pagination

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related