Grow your CSS skills. Land your dream job.

Getting Pagination to play nice with my jquery powered table

  • # May 4, 2010 at 11:40 pm

    Hey all!
    I’ve hit a snag and I’m hoping someone can help me out!
    I’m using an awesome Jquery powered table from JankoAtWarpSpeedhttp://www.jankoatwarpspeed.com/post/2009/07/20/Expand-table-rows-with-jQuery-jExpand-plugin.aspx over on thishttp://www.originallyricsformusic.com/sampledemo.html demo page I set up to show you. That table is working great, but my problem is trying to use this http://plugins.jquery.com/project/jquery-pagination Pagination plugin from the Jquery site. I cannot see what I’ve done wrong. By default, the pagination plugin should only show FIVE items under the column named "TITLE" in the table. It is showing SIX and I’m wanting it to only show FIVE per page. I’ve made sure that paginator.js is showing:

    Quote:
    var itemsPerPage = 5; // no. of items you want to show on one page

    Can anyone point me in the right direction or does anyone have an easier way to make pagination work on this table? Thanks in advance!!

    # May 10, 2010 at 6:09 pm

    Ok, so I upgraded to a newer jquery release and I kind of got this to work, in a way.
    Pagination is working, but it’s getting split up in weird ways. If you check my demo page you will see that upon page load the "Additional Information" which is enclosed in td colspan tags is automatically showing and should be hidden until the user clicks on the arrow button. Now if I was to take off the pagination plugin, the table works fine and the td colspan area is hidden until arrows are clicked. So it’s obvious that the pagination plugin is hindering. Can anyone suggest a way to fix this and make both plugins work together?! I’m determined to get this to work! Thanks so much!

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".