Feed on
Posts
Comments

In the years that I’ve been a web developer, I have written very few OOP PHP scripts. I just haven’t had the need to, and to be honest the whole OOP concept seemed like something I didn’t need to bother with. Why do I need to write a script in an object-oriented style and how will it help me? I had seen examples and read tutorials about OOP (some horribly bad and some really good) but never had any desire to try it myself until one day when I was working on a couple of different projects that both needed the same thing, pagination.

Pagination just means numbering pages. In the project that I was working on, I was retrieving large amounts of data from a MySQL database and realized that I would have to break the data up into pages for two main reasons, 1) there was so much data that it could hang the browser when it was loading and 2) from a user perspective (we still care about that right?) it was unruly to say the least. If I was returning 50,000 rows from a database query, I knew that I would need to slice that up into more manageable chunks. Now in the past, I had written basic pagination functions to handle this type of issue and sometimes copied and pasted functions from older scripts to cut down on development time, fixing and re-coding where necessary. But I realized that for this new project I could try to write a pagination class that I would be able to just plug into any script and have it do the pagination for me. I could write a pagination class that I could use for my projects and future projects, and learn OOP in the process. I love killing two birds with one stone.

Which brings me to our pagination class (paginator.class.php). Now I’m not claiming to be the first person to write a pagination class — far from it. But I do feel that this one is the most lightweight, feature-rich, and easy to use that I’ve seen. For an example of the pagination class in action, click here.

To download the pagination class, click here.

Update (Aug 4, 2009): Some of you have asked for more examples of the PHP pagination class I wrote, specifically the same examples I’m using here on the site. The database comes from MySQL’s free example databases available at http://dev.mysql.com/doc/#sampledb (my example uses the world database). The two examples I use here can be seen at http://www.catchmyfame.com/paginator/example.php and http://www.catchmyfame.com/paginator/example-form.php. You can download both PHP files in a zip file. You’ll need to setup the database yourself and fill in the example PHP files with your database info. Don’t forget to grab the sample database from MySQL.

Update (Oct 25, 2011): Version 2 now available for download. See here for more info. Note that the examples on this page still use an older version of the class.

In the example below, you can see the paginator used at the top and bottom of the database query.

In this example, you can see the mid range property which creates a range of pages around the current page and the use of … to distinguish the break between contiguous pages

In this example you can see the optional items per page drop down menu

In this example you can see the optional page jump menu

In this example we see how the previous and next buttons are sensitive to what the current page is.

This example shows how when there are less than 11 pages to display that the previous, next, and all links are not shown

This example shows an alternate styling of the pagination results. By default a Digg-like CSS scheme is used however you can style the menu in limitless ways


Paginator.class.php

The paginator class allows you to easily generate page numbers and restrict database results without having to create complex pagination code of your own.

Features:

  • Easy to use and reuse.
  • Dynamically creates page numbers based on the total number of items in a query and the desired number of items per page.
  • Ability to select a number of pages to display around the currently select page.
  • Links to show all results instead of paginated results.
  • Easily styled via CSS.
  • Returns SQL which can be used to modify the results in query.
  • The items per page can be changed by the user using a build in method which generates a simple drop down menu.
  • A ‘jump to page’ menu can be generated to give the user quick access to jump to any page of the results.
  • Creates ‘previous’ and ‘next’ buttons when more than 10 pages are generated.

Properties:

  • $items_per_page – The desired number of items to be shown on a page. If you use this and the display_items_per_page method at the same time, it will override anything the user chooses from the drop down menu created by display_items_per_page.
  • $items_total – The total number of items you’ll be paginating. Typically set by querying a table for a count of rows.
  • $current_page – The page the user is viewing. Will always be an integer >= 1.
  • $num_pages – The total number of pages as generated by the paginator method.
  • $mid_range – The number of pages to show ‘around’ the current page. See step 5 in How To Use below.
  • $low – The offset to use in a SQL LIMIT statement (e.g. SELECT * FROM employees LIMIT 20,10).
  • $high – The number of rows to select in a SQL LIMIT statement (e.g. SELECT * FROM employees LIMIT 20,10).
  • $limit – A string used in an SQL statement to automatically handle the limiting of results based on the current page of results.
  • $return – A string used to store the HTML containing the page numbers.Used in the display_pages method.
  • $default_ipp = 25 – The default number of items to display per page.

Methods:

  • Paginator. Constructor. Usage: $pages = new Paginator;
  • paginate. Calculates pages to display. Usage: $pages->paginate();
  • display_items_per_page. Returns a string of HTML used to display an items per page menu. Usage: echo  $pages->display_items_per_page();
  • display_jump_menu. Returns a string of HTML used to display a page jump menu. Usage: echo $pages->display_jump_menu();
  • display_pages. Returns a string of HTML used to display the pages generated by the paginator
    method. Usage: echo $pages->display_pages();

How to use:

  1. Include paginator.class.php at the top of your scriptrequire_once 'paginator.class.php';Note: You could use include(), include_once(), or require() however using require_once ensures that the class will only be included once and if it can’t be found, will cause a fatal error.
  2. Set the total number of items that you’ll be paginating.There are two ways to do this, 1) you can hard code the total, but that’s unrealistic since you’ll probably be using this class to paginate a database anyway (the whole point no?) but it can be a convenient way of testing or 2) make a quick call to your database to count the items you’ll be paginating. Ex: ‘SELECT COUNT(*) FROM table’ and save the total in a variable for use in step 4.$pages->items_total = $num_rows;
  3. Create a new Paginator object.$pages = new Paginator;
  4. Set the total items property of this new Paginator object.$pages->items_total = X where X is the total from step 2
  5. Set the mid range property.The mid range is the number of pages that the paginator will display, centered around and including the selected page. For example, if the mid range is set to seven ($pages->mid_range = 7;) then when browsing page 50 of 100, the mid range generates links to pages 47, 48, 49, 50, 51, 52, and 53. The mid range moves in relation to the selected page. If the user is at either the low or high end of the list of pages, it will slide  the range toward the other side to accommodate the position. For example, if  the user visits page 99 of 100, the mid range will generate links for pages  94, 95, 96, 97, 98, 99, and 100.$pages->mid_range = X; where X is odd and >=3. The default mid_range property is 7.
  6. That’s all for the configuration, now you can generate page numbers. To paginate, call the pagination method ($pages->paginate();). This generates no output so to show the page numbers call the display method ($pages->display_pages();).
    You MUST call the paginate method before calling the display method. You can call the display method more than once which can be handy for display page numbers both above and below a result set.echo $pages->display_pages();
  7. Optionally, you can give the visitor features in addition to what is provided by the display method.
    1. A drop down page jump menu is available via the display_jump_menu method (echo $pages->display_jump_menu();). This is a simple select menu that lists all page numbers. When a user changes the page number, the page will automatically switch to the selected page.
    2. A drop down items per page menu is available via the display_items_per_page method(echo $pages->display_items_per_page();). This select menu allows visitors to change the number of items that are displayed on a page. By default, the list it generates is 10, 25, 50, 100, All. You can modify the class if needed to allow for other options however the All options is case-sensitive. Note that the drop down menu that this creates will not work if you also set the $items_per_page property. Using both at the same time doesn’t really make sense anyway
  8. Once the paginate method has been called (see step 6), you can execute your db query to fetch the limited result set (or all results). Paginate creates the SQL used to limit results automatically so you can edit your query to take advantage of this. For example, if your query before pagination was SELECT id, name, address FROM table ORDER BY id ASC you would change it to be SELECT id, name, address FROM table ORDER BY id ASC $pages->limitWhen a user selects the ‘All’ option, they effectively set $pages->limit to nothing and any page selected automatically creates the appropriate limit.
    $pages->limit
  9. Styles. The pagination class has been created so that it can be styles with CSS easily. The recommended CSS is<style type="text/css">
    .paginate {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .7em;
    }
    a.paginate {
    border: 1px solid #000080;
    padding: 2px 6px 2px 6px;
    text-decoration: none;
    color: #000080;
    }
    a.paginate:hover {
    background-color: #000080;
    color: #FFF;
    text-decoration: underline;
    }
    a.current {
    border: 1px solid #000080;
    font: bold .7em Arial,Helvetica,sans-serif;
    padding: 2px 6px 2px 6px;
    cursor: default;
    background:#000080;
    color: #FFF;
    text-decoration: none;
    }
    span.inactive {
    border: 1px solid #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .7em;
    padding: 2px 6px 2px 6px;
    color: #999;
    cursor: default;
    }
    </style>
  10. Basic example:<!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”>
    <head>
    <meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-1? />
    <title>Paginator</title>
    <style type=”text/css”>
    .paginate {
    font-family: Arial, Helvetica, sans-serif;
    font-size: .7em;
    }
    a.paginate {
    border: 1px solid #000080;
    padding: 2px 6px 2px 6px;
    text-decoration: none;
    color: #000080;
    }
    a.paginate:hover {
    background-color: #000080;
    color: #FFF;
    text-decoration: underline;
    }
    a.current {
    border: 1px solid #000080;
    font: bold .7em Arial,Helvetica,sans-serif;
    padding: 2px 6px 2px 6px;
    cursor: default;
    background:#000080;
    color: #FFF;
    text-decoration: none;
    }
    span.inactive {
    border: 1px solid #999;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .7em;
    padding: 2px 6px 2px 6px;
    color: #999;
    cursor: default;
    }
    </style>
    </head>
    <body>
    <?php
    require_once ‘paginator.class.php’;
    // Make your database connection here and retrieve your total number of
    items (i.e. SELECT COUNT(*) FROM…)
    $pages = new Paginator;
    $pages->items_total = $db_count;
    $pages->mid_range = 7;
    $pages->paginate();echo $pages->display_pages();
    // Make your db query here. Include $pages->limit as described in step 8.
    (i.e. SELECT id,fname,lname FROM employees $pages->limit)
    echo $pages->display_pages(); // Optional call which will display the page numbers after the results.
    echo $pages->display_jump_menu(); // Optional – displays the page jump menu
    echo $pages->display_items_per_page(); //Optional – displays the items per
    page menu
    ?>
    </body>
    </html>

All in all you could add pagination to any database driven set of results with about five lines of code. To display the current page number in the format ‘Page X of Y’ where X is the current page and Y is the total number of pages, use the code:

echo "<p class=\"paginate\">Page: $pages->current_page of $pages->num_pages</p>\n";

To display the SQL that was generated, use the code:

echo "<p class=\"paginate\">SELECT * FROM table $pages->limit (retrieve
records $pages->low-$pages->high from table - $pages->items_total item total / $pages->items_per_page
items per page)";

265 Responses to “Finally, the simple pagination class”

  1. Jaluzo says:

    Hello,
    In the example http://www.catchmyfame.com/paginator/example-form.php, why it is impossible to post Antarctica ?
    What modification is to be made on the script ?
    Thank you for your reponse

    • admin says:

      @Jaluzo
      It’s actually a problem with the MySQL sample database. They don’t have any cities for Antarctica in the cities table. I’ve removed Antarctica from the Country table to fix this.

  2. tanner says:

    same with michael, i got this limit error too.

  3. admin says:

    @michael and tanner
    Please either post your code, links to your code, or email me your code so I can see what you’re doing. Ideally a way to see your database would be helpful.

  4. Jay Gilford says:

    Very nice pagination class, and very simple to use. I’ve created one myself (check out my website). If you have any suggestions on how to improve it I’d be more than happy to hear them :)

  5. Trutz says:

    I got the same error with negative limits when the database query returned no entries. My workaround is that I check the number of results before I initialize the pagination class and adjust my SQL statement accordingly.

    Great class!

  6. Frank says:

    I have been checking for pagination classes and this is the best so far. Thanks alot to the developer of the class. Please keep it up.0

  7. DBowers says:

    Anyone figure out how to put more than one instance of this on the same page? Great script by the way!
    Cheers!

  8. Tommy says:

    The $pages->limit is not working in my SQL.
    If you goto http://palmentere.tomswebcorner.com you will see what I mean.
    Please help.

  9. Tommy says:

    Ok never mind, I had $pages->paginate(); in the wrong place.
    It needs to be after setting all the VAR. but before the SQL with the LIMIT.

    But now another problem.
    If I click the “ALL” link then click the page “1″ link if does not work.
    The HTML code for that link is “1
    witch makes the link “http://palmentere.tomswebcorner.com/pages/home.php?page=1&ipp=All#”
    Is there a fix?

    Thx Tommy

  10. Jim Sefton says:

    Hi,

    I am having the same issue as Tommy. When you click on ALL the ALL button is not highlighted, the 1 button stays highlighted. The only way to get back to 1 is to click 2 first.

    Any help would be greatly appreciated.

    Jim

    • admin says:

      It’s actually by design and not a bug. When you’re viewing all items, you’re viewing the sole page (page 1) and navigating to anything else will change your view. If you want to style the All button, try changing the line $this->return .= ($_GET['page'] == 'All') ? "<a class=\"current\" style=\"margin-left:10px\" href=\"#\">All</a> \n":"<a class=\"paginate\" style=\"margin-left:10px\" href=\"$_SERVER[PHP_SELF]?page=1&ipp=All$this->querystring\">All</a> \n"; to $this->return .= ($_GET['ipp'] == 'All') ? "<a class=\"current\" style=\"margin-left:10px\" href=\"#\">All</a> \n":"<a class=\"paginate\" style=\"margin-left:10px\" href=\"$_SERVER[PHP_SELF]?page=1&ipp=All$this->querystring\">All</a> \n";

  11. mwj says:

    awesome, best pagination code yet. and easy to understand, even for a moron like me.

    question: how would i incorporate column-sorting into this? ie, allow user to sort the table by city, population, country, etc.?

  12. Faye Davis says:

    Nice code, but you need to remove the undefined index errors, thats bad coding.

    $_GET['ipp'] and $_GET[''page'] are not defined.

    • Bill says:

      Maybe you should read the code more closely. ipp is defined when the class is instantiated. If nothing is sent via GET then it gets the value of default_ipp. Likewise for page. That’s used to set the current_page property and if that’s not set then current_page is set to 1. There’s no need to set them anywhere else as that would be redundant and poor coding. Also, undefined index messages are typically notices and not warning or errors but you shouldn’t be getting those anyway if you’ve set this class up properly.

  13. D says:

    Hi, how do i get this working with mod rewrite?

    For example with this type of url http://mysite.com/get/154?page=2&show=20
    154 is the key of database records to search for, it doesn’t seem to work at all.

  14. Diogo says:

    Thx dude, very easy to implement. Now i’ll just find a way to remove the ALL option.

  15. XIX says:

    It’s awesome! love it!

  16. Marcel says:

    Hi.

    First of all: Many thanks for sharing this class with other users. Nice work!

    I have the same problem as a plenty of other users -> I am using MOD rewrite and don’t know how to make it work with MOD rewrite. I have seen people who resolved the issue commenting that they resolved it, but they don’t mention how…

    The pattern I use in my mod is:
    word1/VARIABLEVALUE1/word2/VARIABLEVALUE2/

    I have tried to replace PHP_SELF with REQUEST_URI but this resulted in a chaos.
    It came up with the right request url, but it did show all GET variables at the end of the url even it is not supposed to do this.

    Can anybody help please?
    Thanks a lot in advance.
    Marcel

  17. Wagner says:

    Thanks for sharing! It really helped me!

  18. Kris says:

    This is a nice, quick & clean solution to a common pain in the butt. Thanks for sharing!

  19. Ram says:

    How to remove ALL link??

  20. Cliff says:

    Hi,

    Firstly, thanks for the fantastic code, amongst other things it helps me to learn php and mysql.

    I do have one problem that I cannot resolve. When I include:
    echo $pages->display_jump_menu();
    into the mix, I get the following error:

    Notice: Undefined variable: option in /Applications/MAMP/htdocs7/includes/paginator.class.php on line 116

    I cannot see what the problem is. Any help?

    Thanks in advance
    Cliff

  21. Cliff says:

    Sorry,

    Maybe not elegant (I am only learning about php) but I managed to fix the problem by including at the beginning of the function block $option=”";

    Once again, thanks for Paginator.

    Cliff

  22. lise says:

    I love this class! Thanks for making it.

    I had one tiny issue with $this->low causing a negative value in $this->limit with queries that return 0 rows (yeah I have those…) which would throw a MySQL syntax error. Basically it ended up with a negative value by subtracting -1 from 0 and then multiplying it… so the query ended up with things like LIMIT -20, 20

    I fixed it by changing:
    $this->low = ($this->current_page-1) * $this->items_per_page;

    to:
    if ($this->current_page low = 0;
    } else $this->low = ($this->current_page-1) * $this->items_per_page;

    But other than that little glitch it has been awesome :)

    • lise says:

      that should read:
      if ($this->current_page low = 0;
      } else $this->low = ($this->current_page-1) * $this->items_per_page;

  23. lise says:

    Nevermind, it wasn’t in the class after all, it’s my error. Still great class.

  24. saitheinaung says:

    Hi i love this dropdown paganation

  25. saitheinaung says:

    Then how to create next and previous button for paganation

Trackbacks/Pingbacks

Leave a Reply

You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>