vue-tables-2
  • Dependencies & Compatability
  • Getting Started
    • Vue Version 3
  • Client Table
    • Asynchronous Loading
    • Grouping
    • Filtering Algorithm
    • Editable Cells
  • Server Table
    • Implementations
    • Custom Request Function
    • Setting Multiple Request Parameters
    • Error Message
    • Draw Counter
  • Virtual Pagination
  • Custom Template
  • Column Templates
  • Nested Data Structures
  • Selectable Rows
  • Date Columns
  • List Filters
  • Custom Filters
  • Custom Sorting
  • Multiple Sorting
  • Child Rows
  • Conditional Cell Styling
  • Columns Visibility
  • Methods
  • Properties
  • Events
  • Slots
  • Options API
Powered by GitBook
On this page

Was this helpful?

Virtual Pagination

This feature is only available on vue-tables-2-premium and v-tables-3

With virtual pagination you can keep scrolling down to incrementally load more and more records, thus dispensing with the classic "explicit" pagination.

To use this feature declare the option:

options: {
    pagination:{
        virtual: true
    }
}

And set your table max-height:


.VueTables__wrapper {
    max-height: 500px; // or whatever suits your needs
    overflow-y: scroll;
}

It is recommended to use the stickyHeader option in conjunction with this feature

PreviousDraw CounterNextCustom Template

Last updated 3 years ago

Was this helpful?