hootlex / Vuejs Paginator
Licence: mit
A Vue.js plugin to easily integrate pagination.
Stars: ✭ 282
Programming Languages
javascript
184084 projects - #8 most used programming language
Labels
Projects that are alternatives of or similar to Vuejs Paginator
Cursor Pagination
Cursor pagination for your Laravel API
Stars: ✭ 47 (-83.33%)
Mutual labels: api, pagination
Api Pagination
📄 Link header pagination for Rails and Grape APIs.
Stars: ✭ 641 (+127.3%)
Mutual labels: api, pagination
Api Restful Con Laravel Guia Definitiva
Repositorio para el código base del curso "API RESTful con Laravel - Guía Definitiva"
Stars: ✭ 95 (-66.31%)
Mutual labels: api, pagination
Python Api Development Fundamentals
Develop a full-stack web application with Python and Flask
Stars: ✭ 44 (-84.4%)
Mutual labels: api, pagination
Queryql
Easily add filtering, sorting, and pagination to your Node.js REST API through your old friend: the query string!
Stars: ✭ 76 (-73.05%)
Mutual labels: api, pagination
Jsonapi.rb
Lightweight, simple and maintained JSON:API support for your next Ruby HTTP API.
Stars: ✭ 116 (-58.87%)
Mutual labels: api, pagination
Lumie
✨ An opinionated way to keep your express API organized
Stars: ✭ 277 (-1.77%)
Mutual labels: api
Android Pagination With Recyclerview
Pagination (Endless or Infinite Scrolling) using RecyclerView's onScrollListener
Stars: ✭ 269 (-4.61%)
Mutual labels: pagination
Android Hidden Api
A library that provides access to Android hidden APIs and internal resources.
Stars: ✭ 3,072 (+989.36%)
Mutual labels: api
Bmw Tensorflow Inference Api Gpu
This is a repository for an object detection inference API using the Tensorflow framework.
Stars: ✭ 277 (-1.77%)
Mutual labels: api
Example Scalping
A working example algorithm for scalping strategy trading multiple stocks concurrently using python asyncio
Stars: ✭ 267 (-5.32%)
Mutual labels: api
Disgord
Go module for interacting with the documented Discord's bot interface; Gateway, REST requests and voice
Stars: ✭ 277 (-1.77%)
Mutual labels: api
Twitchio
TwitchIO - An Async Bot/API wrapper for Twitch made in Python.
Stars: ✭ 268 (-4.96%)
Mutual labels: api
Ckan
CKAN is an open-source DMS (data management system) for powering data hubs and data portals. CKAN makes it easy to publish, share and use data. It powers catalog.data.gov, open.canada.ca/data, data.humdata.org among many other sites.
Stars: ✭ 3,223 (+1042.91%)
Mutual labels: api
Messenger
Package messenger is used for making bots for use with Facebook messenger
Stars: ✭ 278 (-1.42%)
Mutual labels: api
Vue.js Paginator
A Vue.js plugin to easily integrate pagination in your projects.
VueJs Paginator is a simple but powerful plugin since it gives you access on how to render the data, instead of using a predefined table.
The way you use it is similar to Laravel's paginator.
Installation
For Vue 1.* use v1.0.15.
Through npm
npm install vuejs-paginator --save
From a cdn
<script src="https://cdnjs.cloudflare.com/ajax/libs/vuejs-paginator/2.0.0/vuejs-paginator.js"></script>
<!-- or -->
<script src="https://cdn.jsdelivr.net/vuejs-paginator/2.0.0/vuejs-paginator.min.js"></script>
Usage
Use VPaginator in the HTML.
<v-paginator resource_url="api/animals" @update="updateResource"></v-paginator>
Prepare the Vue instance.
// if you are not using the cdn version you have to import VuePaginator.
// import VuePaginator from 'vuejs-paginator'
new Vue({
data () {
return {
animals: []
}
},
components: {
VPaginator: VuePaginator
},
methods: {
updateResource(data){
this.animals = data
}
}
...
});
Thats it
Every time a page is changed or fetched, resource variable will contain the returned data.
<ul>
<li v-for="animal in animals">
{{ animal.name }}
</li>
</ul>
Documentation
Here you can find the detailed Documentation
Build Setup
# install dependencies
npm install
# build for production with minification
npm run build
# run unit tests
npm run unit
# run all tests
npm test
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].