superRaytin / Paginationjs
Licence: mit
A jQuery plugin to provide simple yet fully customisable pagination.
Stars: ✭ 726
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to Paginationjs
Selectpage
A simple style and powerful selector, including ajax remote data, autocomplete, pagination, tags, i18n and keyboard navigation features
Stars: ✭ 679 (-6.47%)
Mutual labels: jquery-plugin, pagination
paginathing
a jQuery plugin to paginate your DOM easily.
Stars: ✭ 23 (-96.83%)
Mutual labels: pagination, jquery-plugin
Bpage
Based on bootstrap style, static page jump can also be asynchronous page processing pagination plugin
Stars: ✭ 96 (-86.78%)
Mutual labels: jquery-plugin, pagination
Tables
Bulma themed, VueJS powered Datatable with server-side loading and JSON template setup
Stars: ✭ 575 (-20.8%)
Mutual labels: pagination
Jcanvas
A jQuery plugin that makes the HTML5 canvas easy to work with.
Stars: ✭ 612 (-15.7%)
Mutual labels: jquery-plugin
Isinviewport
An ultra-light jQuery plugin that tells you if an element is in the viewport but with a twist.
Stars: ✭ 646 (-11.02%)
Mutual labels: jquery-plugin
Animatescroll.js
A Simple jQuery Plugin for Animating Scroll
Stars: ✭ 708 (-2.48%)
Mutual labels: jquery-plugin
Sieve
⚗️ Clean & extensible Sorting, Filtering, and Pagination for ASP.NET Core
Stars: ✭ 560 (-22.87%)
Mutual labels: pagination
Vue Composable
Vue composition-api composable components. i18n, validation, pagination, fetch, etc. +50 different composables
Stars: ✭ 638 (-12.12%)
Mutual labels: pagination
Jquery Smartwizard
The awesome jQuery step wizard plugin
Stars: ✭ 635 (-12.53%)
Mutual labels: jquery-plugin
Form2js
Javascript library for collecting form data
Stars: ✭ 630 (-13.22%)
Mutual labels: jquery-plugin
Ua Parser Js
UAParser.js - Detect Browser, Engine, OS, CPU, and Device type/model from User-Agent data. Supports browser & node.js environment.
Stars: ✭ 6,421 (+784.44%)
Mutual labels: jquery-plugin
Jquery Upload File
jQuery Upload File plugin provides Multiple file Uploads with progress bar.Works with any server-side platform (Google App Engine, PHP, Python, Ruby on Rails, Java, etc.) that supports standard HTML form file uploads.
Stars: ✭ 650 (-10.47%)
Mutual labels: jquery-plugin
Nice Validator
Simple, smart and pleasant validation solution.
Stars: ✭ 587 (-19.15%)
Mutual labels: jquery-plugin
Vuejs Paginate
A Vue.js(v2.x+) component for creating pagination.
Stars: ✭ 697 (-3.99%)
Mutual labels: pagination
Api Pagination
📄 Link header pagination for Rails and Grape APIs.
Stars: ✭ 641 (-11.71%)
Mutual labels: pagination
Jquery Selectric
jQuery plugin for easy manipulation and customization of HTML selects
Stars: ✭ 724 (-0.28%)
Mutual labels: jquery-plugin
Pagination.js
A jQuery plugin to provide simple yet fully customisable pagination.
See demos and full documentation at official site: http://pagination.js.org
Installation / Download
npm install paginationjs
or bower install paginationjs
or just download pagination.js from the git repo.
Quick Start
<div id="data-container"></div>
<div id="pagination-container"></div>
$('#pagination-container').pagination({
dataSource: [1, 2, 3, 4, 5, 6, 7, ... , 195],
callback: function(data, pagination) {
// template method of yourself
var html = template(data);
$('#data-container').html(html);
}
})
Rendering data
Below is a minimal rendering method:
function simpleTemplating(data) {
var html = '<ul>';
$.each(data, function(index, item){
html += '<li>'+ item +'</li>';
});
html += '</ul>';
return html;
}
Call:
$('#pagination-container').pagination({
dataSource: [1, 2, 3, 4, 5, 6, 7, ... , 195],
callback: function(data, pagination) {
var html = simpleTemplating(data);
$('#data-container').html(html);
}
})
To make it easier to maintain, you'd better use specialized templating engine to do that. Such as Handlebars and Undercore.template.
Handlebars
<script type="text/template" id="template-demo">
<ul>
{{#each data}}
<li>{{this}}</li>
{{/each}}
</ul>
</script>
$('#pagination-container').pagination({
dataSource: [1, 2, 3, 4, 5, 6, 7, ... , 195],
callback: function(data, pagination) {
var html = Handlebars.compile($('#template-demo').html(), {
data: data
});
$('#data-container').html(html);
}
})
Underscore
<script type="text/template" id="template-demo">
<ul>
<% for (var i = 0, len = data.length; i < len; i++) { %>
<li><%= data[i] %></li>
<% } %>
</ul>
</script>
$('#pagination-container').pagination({
dataSource: [1, 2, 3, 4, 5, 6, 7, ... , 195],
callback: function(data, pagination) {
var html = _.template($('#template-demo').html(), {
data: data
});
$('#data-container').html(html);
}
})
Or any other templating engine you prefer.
License
Released under the MIT license.
MIT: http://rem.mit-license.org, See LICENSE
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].