The pagination is very simple, easy to use and understand. same like that can you add the search the table data as Filter. It will be more powerful. Just said as a suggestions.

Thanks.

@alfrcr

I'm having an issue where if I set the limitPagination param then it's displaying that amount of pages regardless if there is that much information available but if there is more information then those pages generate normally.

I'm building a manga website and I'd like to use pagination on the chapter selection since some manga have a great number of chapters. This information is pulled from a mysql database so each manga can have a different number of chapters which is dynamically generated. Thus I'd like only to show a max of 10 pages at once and not generate more pages than necessary.

This is what I have.

<!-- Your script -->
    <script type="text/javascript">
        jQuery(document).ready(function($){
            $('#chapter-list').paginathing({
                perPage: 10, // show item per page
                limitPagination: 10,
                containerClass: 'pagination-container',
                insertAfter: '#chapters'
            })
        });
    </script>

This is the output. As you can see after page 1 the rest are blank.

Page 1

Page 2

However if you set limitPagination: false then it appears like this which is expected.

Basically I'm trying to avoid something like this.

So I want to hide the pages after a certain number like 10.

Do you think you can help me figure out how to hide the pages after a certain number until clicked?

Is it possible to show truncation and last page number, If I've 10 pages to see and after 3 it should show truncation and after truncation the last page number (10)?

Thanks in advance

There is a use case where the max page count calculation is incorrect.

• there is a limitPagination
• the limitPagination is larger than the total number of available pages (number of rows/pageSize).

I discovered this when I had limitPagination set to 5 for a table with 352 rows and a drop down allowing page size to change : 10, 20, 50, 100. When the page size was set to 100, the number of actual pages was 4 (totalRows/pagesize). This resulted in a pager with 5 pages and the 5th page is blank.

Work around for this: in my ddl change function to redraw the paginathing I would calculate var pagecount = Math.ceil(number of items/page size)
if (pagecount < limitPagination)
set the limitPagination to 0 for the paginathing redraw so I would not get empty pages.
else
use my original limitPagintion of 5

It will be very usefull for other developers that include this library in their projects to release a tag that identifies the actual version of the libraries with the new features.

start = _self.currentPage - Math.ceil(limit / 2) ;
modified:
start = _self.currentPage - Math.ceil(limit / 2) + 1;

No license at all means "all rights reserved", means "no rights at all". I have modified your code to be pure JS and would like to use it in LibreOffice's help. Unfortunately, no license means I cannot do it.
The plugin you got inspiration from uses Apache 2.0: http://esimakin.github.io/twbs-pagination/#license so I guess you could use it as well.

So you can include a LICENSE file like so: https://github.com/krisk/Fuse/blob/master/LICENSE
...and a mention in the .js file header like so: https://github.com/krisk/Fuse/blob/master/dist/fuse.js

Thank you in advance.

How to go correctly to list page?

i have a problem when i go back to the list page with paginathing.

Let me explain the situation.

There are 15 articles.
I made list page with paginathing.

i controlled the paginathing like this..
{
Page: 10,
limitPagination: 2
}

first page is ok,
second page, there are 5 titles in the list.

When i click the list button on article detail view at second page of pagination, ((Page 2/2))
it goes the list at first page. ((Page 1/2))

But i'd like to go just back page: To second page of pagination!

(i read 15th article at second page.. and then i click the list button. It should be second page of pagination )

How can i control this problem?

do you have those kinds of tag?
(like..
currentPage or
bootpag: Use template for hrefs: "#pro-page-{{number}}")