fix: ensure DataTables initialization after the page fully loads

[achetibi]

Ensure DataTables initialization after the page fully loads by adding load event listener.

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud

[yajra]

Can you please provide snippets that the PR fixes? And thanks for the contribution.

[achetibi]

To reproduce the issue, we will use the Quick Starter available on the site https://yajrabox.com/docs/laravel-datatables/12.0/quick-starter.

In the view resources/views/users/index.blade.php we need to add the following:

{{ $dataTable->scripts() }} intead of {{ $dataTable->scripts(attributes: ['type' => 'module']) }}

In the console, we will encounter an error: Uncaught ReferenceError: $ is not defined

To resolve this, there are several options:

• Use the AppServiceProvider to instruct the builder to use Vite: Builder::useVite();
• Add the attribute ['type' => 'module'] to the script: {{ $dataTable->scripts(attributes: ['type' => 'module']) }}

My approach is to ensure that the page is fully loaded before executing the DataTable script. This can help avoid the two previous options.

Edit:
Probably we need to do the same thing with the other script files (editor.blade.php, function.blade.php and scout.blade.php)