Draw Counter

Respond only to the latest request

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 canceled when a new request is sent

Last updated