{"id":21525279,"url":"https://github.com/superraytin/paginationjs","last_synced_at":"2025-04-14T00:53:53.706Z","repository":{"id":25256235,"uuid":"28681344","full_name":"superRaytin/paginationjs","owner":"superRaytin","description":"A jQuery plugin to provide simple yet fully customisable pagination.","archived":false,"fork":false,"pushed_at":"2023-03-17T02:46:52.000Z","size":1780,"stargazers_count":919,"open_issues_count":10,"forks_count":654,"subscribers_count":33,"default_branch":"master","last_synced_at":"2025-04-06T22:02:18.370Z","etag":null,"topics":["jquery-plugin","pagination","pagination-library"],"latest_commit_sha":null,"homepage":"http://pagination.js.org","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/superRaytin.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2015-01-01T05:54:05.000Z","updated_at":"2025-04-05T17:32:28.000Z","dependencies_parsed_at":"2024-06-18T13:26:19.048Z","dependency_job_id":"25f95ff2-49fe-4ab3-84f9-26992f4a9ca0","html_url":"https://github.com/superRaytin/paginationjs","commit_stats":{"total_commits":129,"total_committers":8,"mean_commits":16.125,"dds":0.6666666666666667,"last_synced_commit":"d64b08c8d6e9ba0b5092f6d41ac62bcd1752f89f"},"previous_names":[],"tags_count":22,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/superRaytin%2Fpaginationjs","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/superRaytin%2Fpaginationjs/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/superRaytin%2Fpaginationjs/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/superRaytin%2Fpaginationjs/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/superRaytin","download_url":"https://codeload.github.com/superRaytin/paginationjs/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":248804784,"owners_count":21164131,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["jquery-plugin","pagination","pagination-library"],"created_at":"2024-11-24T01:34:16.321Z","updated_at":"2025-04-14T00:53:53.430Z","avatar_url":"https://github.com/superRaytin.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Pagination.js\n\n\u003e A jQuery plugin to provide simple yet fully customisable pagination.\n\n[![NPM version][npm-image]][npm-url]\n[![Bower version][bower-image]][bower-url]\n[![CDNJS](https://img.shields.io/cdnjs/v/paginationjs.svg)](https://cdnjs.com/libraries/paginationjs)\n\n[npm-url]: https://npmjs.org/package/paginationjs\n[npm-image]: http://img.shields.io/npm/v/paginationjs.svg\n[bower-url]:http://badge.fury.io/bo/paginationjs\n[bower-image]: https://badge.fury.io/bo/paginationjs.svg\n\n\u003cimg src=\"examples/images/paginationjs_record.gif\" alt=\"paginationjs\" width=\"500\"\u003e\n\nSee demos and full documentation at official site: [http://pagination.js.org](http://pagination.js.org)\n\n# Installation / Download\n\n`npm install paginationjs` or `bower install paginationjs` or just download [pagination.js](dist/pagination.js) from the git repo.\n\n# Quick Start\n\n```html\n\u003cdiv id=\"data-container\"\u003e\u003c/div\u003e\n\u003cdiv id=\"pagination-container\"\u003e\u003c/div\u003e\n```\n\n```js\n$('#pagination-container').pagination({\n    dataSource: [1, 2, 3, 4, 5, 6, 7, ... , 195],\n    callback: function(data, pagination) {\n        // template method of yourself\n        var html = template(data);\n        $('#data-container').html(html);\n    }\n})\n```\n\n# Rendering data\n\nBelow is a minimal rendering method:\n\n```js\nfunction simpleTemplating(data) {\n    var html = '\u003cul\u003e';\n    $.each(data, function(index, item){\n        html += '\u003cli\u003e'+ item +'\u003c/li\u003e';\n    });\n    html += '\u003c/ul\u003e';\n    return html;\n}\n```\n\nCall:\n\n```js\n$('#pagination-container').pagination({\n    dataSource: [1, 2, 3, 4, 5, 6, 7, ... , 195],\n    callback: function(data, pagination) {\n        var html = simpleTemplating(data);\n        $('#data-container').html(html);\n    }\n})\n```\n\nTo make it easier to maintain, you'd better to use specialized templating engine to do that. Such as [Handlebars](http://handlebarsjs.com/) and [Undercore.template](http://underscorejs.org/#template).\n\n### Handlebars\n\n```html\n\u003cscript type=\"text/template\" id=\"template-demo\"\u003e\n    \u003cul\u003e\n    {{#each data}}\n        \u003cli\u003e{{this}}\u003c/li\u003e\n    {{/each}}\n    \u003c/ul\u003e\n\u003c/script\u003e\n```\n\n```js\n$('#pagination-container').pagination({\n    dataSource: [1, 2, 3, 4, 5, 6, 7, ... , 195],\n    callback: function(data, pagination) {\n        var html = Handlebars.compile($('#template-demo').html(), {\n            data: data\n        });\n        $('#data-container').html(html);\n    }\n})\n```\n\n### Underscore\n\n```html\n\u003cscript type=\"text/template\" id=\"template-demo\"\u003e\n    \u003cul\u003e\n    \u003c% for (var i = 0, len = data.length; i \u003c len; i++) { %\u003e\n        \u003cli\u003e\u003c%= data[i] %\u003e\u003c/li\u003e\n    \u003c% } %\u003e\n    \u003c/ul\u003e\n\u003c/script\u003e\n```\n\n```js\n$('#pagination-container').pagination({\n    dataSource: [1, 2, 3, 4, 5, 6, 7, ... , 195],\n    callback: function(data, pagination) {\n        var html = _.template($('#template-demo').html(), {\n            data: data\n        });\n        $('#data-container').html(html);\n    }\n})\n```\n\nOr any other templating engine you prefer.\n\n# License\n\nReleased under the MIT license.\n\nMIT: [http://rem.mit-license.org](http://rem.mit-license.org/), See [LICENSE](/LICENSE)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsuperraytin%2Fpaginationjs","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsuperraytin%2Fpaginationjs","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsuperraytin%2Fpaginationjs/lists"}