> For the complete documentation index, see [llms.txt](https://matanya.gitbook.io/vue-tables-2/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://matanya.gitbook.io/vue-tables-2/server-table/draw-counter.md).

# Draw Counter

{% hint style="info" %}
This feature is only available on vue-tables-2-premium and v-tables-3
{% endhint %}

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:&#x20;

```javascript
{
    useDrawCounter: true
}
```

&#x20;  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:

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

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

{% hint style="info" %}
If you are using axios pending requests will be automatically [canceled](https://github.com/axios/axios#cancellation) when a new request is sent
{% endhint %}
