Examples - Pagination jQuery Plugin

Examples

Normal

// Normal
new Pagination({
    parent: '#demo-1',
    totalPage: 10,
    pageSize: 10
});

Customize Align (Left/Center/Right)

// Customize Align (Left/Center/Right)
    new Pagination({
        parent: '#demo-2',
        align: 'center',
        totalPage: 9
    });

Hide Pages Information

// Hide Pages Information
    new Pagination({
        parent: '#demo-3',
        showPages: false,
        totalPage: 8
    });

Customize Page Size of Page Number (default: 5)

// Customize Page Size of Page Number (default: 5)
    new Pagination({
        parent: '#demo-4',
        totalPage: 7,
        pageSize: 3
    });

Use as a jQuery Plugin

// Use as a jQuery Plugin
    $('#demo-5').pagination({
        totalPage: 11
    });

Pagination Disabled

// Pagination Disabled
    new Pagination({
        parent: '#demo-6',
        totalPage: 12,
    }).disable();

No Next Button

// No Previous Button
    new Pagination({
        parent: '#demo-7',
        showPrev: false,
        totalPage: 13
    });

No Next Button

// No Next Button
    new Pagination({
        parent: '#demo-8',
        showNext: false,
        totalPage: 14
    });

Hide Previous or Next Button when it disabled

// Hide Previous or Next Button when it disabled
    new Pagination({
        parent: '#demo-9',
        alwaysShowPrevNext: false,
        totalPage: 18
    });

Only show Page Numbers

// Only show Page Numbers
    new Pagination({
        parent: '#demo-10',
        showPrev: false,
        showNext: false,
        showPages: false,
        totalPage: 19
    });

Hide Page Numbers

// Hide Page Numbers
    new Pagination({
        parent: '#demo-11',
        totalPage: 45,
        showPageNumbers: false
    });

Customize Current Page

// Customize Current Page
    new Pagination({
        parent: '#demo-12',
        totalPage: 25,
        currentPage: 8
    });