Draw Counter

Respond only to the latest request

circle-info

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.

circle-info

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

Last updated