A library for automatically load result pages from an HTTP API
npm install lkt-paginatorLKT Paginator is a library for automatically load result pages from an HTTP API.
With npm
``bash`
npm i -S lkt-paginator
Load into your Vue App:
`typescript
import {createApp} from "vue";
import LktPaginator from 'lkt-paginator';
const app = createApp({});
app.use(LktPaginator);
// Alternatively, load updating button texts:
app.use(LktPaginator, {
firstButtonName: 'First', // Default value
prevButtonName: 'Prev', // Default value
nextButtonName: 'Next', // Default value
latestButtonName: 'Last' // Default value
});
`
`typescript`
export default {
name: "YourComponent",
inheritAttrs: false,
data() {
return {
page: 1,
filters: {
name: 'john'
}
}
}
}
`vue``
Current page number.
#### filters
- Type: Object
Object keys will be passed as arguments to the resource.
#### resource
- Type: String
The resource name to be called.
#### palette
- Type: String
A palette name. It will add a new css selector, so you easily can have multiple styles.
#### readOnly
- Type: Boolean
If true, the paginator won't perform any HTTP call.
This package includes one pure CSS stylesheet.