Be part of JetBrains PHPverse 2026 on June 9 – a free online event bringing PHP devs worldwide together.

LaravelVueDeveloper's avatar

Datatable showing entries numbers not updated when other api call in page laravel vue js 3

Datatable show entries 4 of 10 like something not update when other api call on mounted ? how to solve this problem ?

0 likes
5 replies
vincent15000's avatar

How is it possible to help you without any information ?

LaravelVueDeveloper's avatar

@vincent15000 Uncaught TypeError: jquery__WEBPACK_IMPORTED_MODULE_0___default(...)(...).DataTable is not a function........ This is my code mounted() { $(document).ready(function () { $.noConflict(); var table = $('#myTable').DataTable(); }); }

1 like
vincent15000's avatar

@LaravelVueDeveloper Please write your code like this.

```

your code here

```

Which datatable package are you using ? Are you sure that you have a tag with id myTable ?

Please show the code of the VueJS component where you have the datatable.

LaravelVueDeveloper's avatar

@vincent15000 yes I have use myTable id in table and datatable works but when I filter data so it does not updated . Check my code below !

created(){

 axios.get('/book-management')
                .then(response => {
                    this.books = response.data.book;
    setTimeout(() => this.table = $('#myTable').DataTable(), 100);

            });
    },
``````````````````````````````````````````````````````````````

Please or to participate in this conversation.