-
Notifications
You must be signed in to change notification settings - Fork 296
Pagination Component
Rati Wannapanop edited this page Apr 15, 2016
·
4 revisions
vuetable comes with two vuetable-pagination components
-
vuetable-pagination(default), which is suitable for a small number of pages as all the pages will listed out horizontally. -
vuetable-pagination-dropdown, which does not take up much space as all the pages will put inside a dropdown for the user to select.
If you want, you can make your own pagination component to display how the pagination would look like and interact with the user. You can see a sample in Using vuetable with Twitter's Bootstrap section.
vuetable provides a paginationMixin to help creating custom pagination component
an easy task. Please see the source code as it is very straight forward, but you will
need some knowledge about Vue.js.
- Properties
- Fields Definition
- Special Field
- Callbacks
- Detail Row
- Events
- Data Format (JSON)
- Sorting, Paging, and Page Sizing of Data
- Appending Other Parameters to the Query String
- Sample Data Using Laravel
- Customize the Pagination Info
- Pagination Components
- CSS Styling
- Using vuetable with Twitter's Bootstrap
- Displaying a Loading Animation
- Extending vuetable Pagination Component