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?

  1. Server Table

Draw Counter

Respond only to the latest request

PreviousError MessageNextVirtual Pagination

Last updated 3 years ago

Was this helpful?

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

Since the table sends asynchronous requests, the received response might not correspond to the latest request. To solve this problem you can employ the `useDrawCounter` option like so:

{
    useDrawCounter: true
}

This will add an incrementing draw parameter to the each request. On the server-side you should return this parameter with the response, using the same draw key. E.g in Laravel:

return [
    'data'=>[],
    'count'=>0,
    'draw'=>request('draw')
]

The table will then compare the response draw value with its own draw counter and only process the response if the two match.

If you are using axios pending requests will be automatically when a new request is sent

canceled