Does data table work fine with livewire?

valon197

Hello

I have trouble with datatables where i get a bug on my laravel project with livewire.|
I have setup the datatables, they work just fine, but i have like more than 1 routes where i use the data tables and when i go to for example users which has datatables, and than i go to dashboard route and click back (to users route) the data tables have double paging, filters and all other options.
Currently i dont have a test case i just want to know if this is a general livewire problem.
Cause i know what causes it, its a directive of livewire which is wire:navigate which makes the projects with an SPA feeling when navigating to other routes.
If i remove it it works fine but than the page doesnt feel like an SPA (single page application) anymore.

Best regards, Valon

kthorngren

I'm not familiar with Livewire but searching the forum there are some threads with questions about Livewire. I didn't see one specific to your issue where duplicated paging, etc elements are seen.

This thread might give you some ideas of where to look. The problem suggests that the wire:navigate technique is duplicating something. For instance it could be loading datatables.js again or its simply drawing a new instance of the table on the page.

Kevin

noory

Please, if anyone can solve this problem, tell us the solution

kthorngren

@noory something in the environment is causing the duplicated elements. We will need to see the problem to help debug. Please post a link to a test case replicating the issue.
https://datatables.net/manual/tech-notes/10#How-to-provide-a-test-case

Also make sure you aren’t loading the jquery or Datatables libraries more than once.

Kevin