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

Setting Multiple Request Parameters

While there are methods for setting each parameter of the table (e.g `setLimit`, `setFilter`, `setOrder` etc.), each of those methods would trigger a request to the server. Sometimes you may wish to set multiple parameters at once with a single request. The setRequestParams method allows for that. E.g:

this.$refs.myTable.setRequestParams({
  page:2,
  limit:10,
  order:{column:'created_at',ascending:false},
  filters: 'Some value',
  customFilters:{
    myCustomFilter:100
  }
})

Each key on this object maps to the method used to set this specific key:

page: setPage

limit: setLimit

order: setOrder

filters: setFilter

customFilters: setCustomFilters

So for example, if you use filterByColumn:true you would pass to the filters key an object of key-value pairs, rather than a string.

PreviousCustom Request FunctionNextError Message

Last updated 1 year ago