5

I am using jquery.pagination.js plugin.

I have 100 pages. The first and last page are numbers are showing, but the dots are not showing. Please check the screen shot and code.

$("#Pagination").pagination(num_entries, {
    items_per_page : 10,
    num_display_entries : 2,
    num_edge_entries : 1,
    current_page : pageIndex-1,
    //link_to : path +"?"+param
    callback : paginationCallback
});

function paginationCallback(page_index, jq) {

}

enter image description here enter image description here

Any default options having for show the dots symbol?

Huangism
  • 16,278
  • 7
  • 48
  • 74
RSKMR
  • 1,812
  • 5
  • 32
  • 73
  • Or you don't want to be smarter, but want to be productive. – bzeaman Sep 05 '14 at 11:21
  • You should consider using [**simplePagination**](https://flaviusmatis.github.io/simplePagination.js/) instead, it contains your desired 'dots' icon per default. – urbz Sep 05 '14 at 11:37
  • Thanks to all for your response. i will use my own scripts. – RSKMR Sep 08 '14 at 07:15
  • Can you recreate this in a http://jsfiddle.net ? A simplified version will suffice or give us a link as to which pagination plugin you are using – Huangism Sep 18 '14 at 13:41
  • "i will use my own scripts"....you are already using external script....it wont make much difference if you another plugin..i could easily trace simple pagination plugin as told by urbz....can you give a link to the your plugin documentation page.. – bhavya_w Sep 18 '14 at 13:50
  • Hi, Thanks for all valuable replies. I used bootstrap pagination plugin. its working good. http://www.jplugins.net/twbs-pagination/?demo – RSKMR Sep 19 '14 at 08:44

1 Answers1

1

HTML code:

<div id="selector">
    <ul class="selector">
        <li>
            <p>One</p>
        </li>
        <li>
            <p>Two</p>
        </li>
        <li>
        <p>Three</p>
        </li>
        <li>
            <p>Four</p>
        </li>
        <li>
            <p>Five</p>
        </li>
        <li>
            <p>Six</p>
        </li>
        <li>
           <p>Seven</p>
        </li>
        <li>
            <p>Eight</p>
        </li>
    </ul>
</div>

And JS Script:

$(function() {
        $(selector).pagination({
             items: 100,
             itemsOnPage: 10,
            cssStyle: 'light-theme'
        })
});

Here is a WORKING DEMO. I just added style and javascript sources from their github repo.

Danis
  • 1,978
  • 3
  • 16
  • 27