Unable to load the table

[sangnguyenplus]

Our tables don't load after upgrading to version 12.0.2.

I think it has issue when switch to use DOMContentLoaded event #237

Before:

After:

We are using tabler.io for admin template, maybe it has conflicted.

[Seb33300]

Hi @sangnguyenplus,
How are you loading DataTables lib and init script on your pages?
Do you use webpack, vite or any module builder? or by using CDN?

[Seb33300]

And can you reproduce the issue with all browsers? Or only with Safari or Google Chrome or ...?

[Seb33300]

I have checked the tabler.io example template and I can see al script are loaded with async.
async should not be used when the script depends on other scripts on the page (in our case, the DataTables init script) and you should use defer instead.
See https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/script#async_and_defer

[sangnguyenplus]

Hi @Seb33300,

Actually, I don't know why that DOMContentLoaded event is not trigged.

I have to fixed version to v12.0.1 because v12.0.2 has breaking change on script code.

I use this way https://yajrabox.com/docs/laravel-datatables/12.0/buttons-starter to load our tables.

[Seb33300]

Hi @sangnguyenplus,
Do you have any error in the JavaScript console (when you press F12).
Can you please share the error you see?

And can you please also share HTML source where you include the dataTables js lib?
In the documentation link you shared, it only includes dataTables.buttons.min.js and buttons.server-side.js but not the main dataTables lib.

[sangnguyenplus]

Hi @sangnguyenplus, Do you have any error in the JavaScript console (when you press F12). Can you please share the error you see?

And can you please also share HTML source where you include the dataTables js lib? In the documentation link you shared, it only includes dataTables.buttons.min.js and buttons.server-side.js but not the main dataTables lib.

It has no issues in JS console. It was working before for me. I'm using it in our Botble CMS and our code was working fine for many years.

It just can't listen to event DOMContentLoaded.

I will override script.blade.php from /resources/vendor to prevent this issue.

You can close this issue.