Datatable only works on reload

Simona

I am using datatable in Laravel-VueJs project. If I reload the page the table works, but without reload it does not.
Any suggestions on how to get the table to display properly without having to reload?

colin

It sounds like a timing issue - is the DataTable initialised happening before the table or the table's data is in the DOM?

Colin

Simona

@colin I am not sure that I understand your question
I don't think that is a timing issue cuz I've tried
setTimeout(function(){
$(document).ready( function () {
$('#myTable').DataTable();
} );
},1000);
and nothing changes

Simona

<a :href="$router.resolve({name: 'ListAllMachines'}).href">List All</a>
<!-- reloads page (dataTable works) -->

<router-link to="/list_all_machine">List All</router-link>
<!-- does not reload (dataTable does not work ) -->

colin

We're going to need to see it to progress this. Information on how to create a test case (if you aren't able to link to the page you are working on) is available here.

Colin