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?

Server Table

Getting started with server table

<div id="people">
  <v-server-table url="/people" :columns="columns" :options="options"/>
</div>
new Vue({
    el: "#people",
    data: {
        columns: ['id', 'name', 'age'],
        options: {
            // see the options API
        }
    }
});

All request data is passed in the following GET parameters:

  • query

  • limit

  • page

  • orderBy

  • ascending

  • byColumn

You need to return a JSON object containing two properties:

  • data : array - An array of row objects with identical keys.

  • count: integer - Total count before limit.

If you are calling a foreign API or simply want to use your own keys, refer to the `responseAdapter` option.

If you want to get the request parameters and send them to a different URL (e.g in order to export to Excel) use this.$refs.myTable.getRequestParams()

PreviousEditable CellsNextImplementations

Last updated 4 years ago

Was this helpful?