GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → sinchang → vue-laypage

sinchang / vue-laypage

Licence: other
📃 A simple pagination component for Vue.js 2.x

Programming Languages

Vue
7211 projects
javascript
184084 projects - #8 most used programming language

Labels

paginationcomponentvuelaypage

Projects that are alternatives of or similar to vue-laypage

Rummage phoenix
Full Phoenix Support for Rummage. It can be used for searching, sorting and paginating collections in phoenix.
Stars: ✭ 144 (+476%)
Mutual labels:  pagination
Nopaginate
Android pagination library (updated 01.05.2018)
Stars: ✭ 180 (+620%)
Mutual labels:  pagination
Sqlhelper
SQL Tools ( Dialect, Pagination, DDL dump, UrlParser, SqlStatementParser, WallFilter, BatchExecutor for Test) based Java. it is easy to integration into any ORM frameworks
Stars: ✭ 242 (+868%)
Mutual labels:  pagination
Vuejs Datatable
A Vue.js component for filterable and paginated tables.
Stars: ✭ 148 (+492%)
Mutual labels:  pagination
Advancedlist
Advanced List View for SwiftUI with pagination & different states
Stars: ✭ 165 (+560%)
Mutual labels:  pagination
Rummage ecto
Search, Sort and Pagination for ecto queries
Stars: ✭ 190 (+660%)
Mutual labels:  pagination
Gorm Paginator
gorm pagination extension
Stars: ✭ 136 (+444%)
Mutual labels:  pagination
Tablefilter
A Javascript library making HTML tables filterable and a bit more :)
Stars: ✭ 248 (+892%)
Mutual labels:  pagination
Pagerfanta
Pagination library for PHP applications with support for several data providers
Stars: ✭ 175 (+600%)
Mutual labels:  pagination
V Selectpage
SelectPage for Vue2, list or table view of pagination, use tags for multiple selection, i18n and server side resources supports
Stars: ✭ 211 (+744%)
Mutual labels:  pagination
Infinitescrolling
Add infinite scrolling to collection view.
Stars: ✭ 156 (+524%)
Mutual labels:  pagination
React Paginate
A ReactJS component that creates a pagination
Stars: ✭ 2,169 (+8576%)
Mutual labels:  pagination
Jquerydatatablesserverside
Asp.Net Core Server Side for Jquery DataTables Multiple Column Filtering and Sorting with Pagination and Excel Export
Stars: ✭ 191 (+664%)
Mutual labels:  pagination
Vue Pagination 2
Vue.js 2 pagination component
Stars: ✭ 144 (+476%)
Mutual labels:  pagination
Gatsby Starter Business
Gatsby Business Website Starter
Stars: ✭ 243 (+872%)
Mutual labels:  pagination
Popularmovies
🎥 Movie discovery app showcasing Android best practices with Google's recommended architecture: MVVM + Repository + Offline support + Android Architecture Components + Paging library & Retrofit2.
Stars: ✭ 142 (+468%)
Mutual labels:  pagination
Vue Bootstrap4 Table
Advanced table based on Vue 2 and Bootstrap 4 ⚡️
Stars: ✭ 187 (+648%)
Mutual labels:  pagination
flask-rest-paginate
Pagination Extension for flask-restful
Stars: ✭ 18 (-28%)
Mutual labels:  pagination
Instagram Proxy Api
CORS compliant API to access Instagram's public data
Stars: ✭ 245 (+880%)
Mutual labels:  pagination
React Table
⚛️ Hooks for building fast and extendable tables and datagrids for React
Stars: ✭ 15,739 (+62856%)
Mutual labels:  pagination
View All Similar Projects ➔

vue-laypage

A simple pagination component for Vue.js, Based on layPage

NPM version Vue 2.x NPM downloads

Installation and Use

$ npm install vue-laypage --save

import Laypage from 'vue-laypage'
import 'vue-laypage/vue-laypage.css'

export default {
  components: {
    Laypage
  }
}

or

import Vue from 'vue'
import Laypage from 'vue-laypage'
import 'vue-laypage/vue-laypage.css'

Vue.use(Laypage)

Props

Name Type Description
pages Number 总页数，必填
groups Number 一组显示几页，默认为5
prev String, Number, Boolean 上一页按钮的文字，false 不显示
next String, Number, Boolean 下一页按钮的文字，false 不显示
first String, Number, Boolean 首页按钮的文字，false 不显示
last String, Number, Boolean 尾页按钮的文字，false 不显示
skin String 按钮高亮的颜色，默认#42b983
skip Boolean 是否显示跳转
jump Function 触发分页后的回调，返回当前页

LICENSE

MIT

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].