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

# Draw Counter

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: 

```java
{
    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:

```javascript
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.

{% hint style="info" %}
If you are using axios pending requests will be automatically canceled when a new request is sent
{% endhint %}