DataTables on custom plugin page

PitaJ

Setting define.amd will make it so every script after yours will break. You should load datatables via requirejs instead by adding it to modules in plugin.json

JJSagan

@PitaJ , Thank you!

So you mean adding it as follows:

"scripts": [
"static/lib/datatables.js"

If so I tried that. Without altering the file, removing the AMD related if, it won't load.

Once I remove the "if amd", deleting it this time, the table works, but other pages have issue loading...

Any idea?

PitaJ

@jjsagan no, look at some other plugin.json files. There's a modules object in addition to a scripts array. It works fine with anonymously defined scripts.

JJSagan

Done. Had to deal with the .AMD again, but that was simple.
Thank you so much! you guys are amazing!

PitaJ

@jjsagan you don't have to deal with .amd if you use modules

JJSagan

@pitaj, it did not work otherwise... Maybe it has something to do with datatables file...

PitaJ

@jjsagan it's literally the whole purpose of that field in plugin.json, but you have to use it like this:

require(['datatables'], function (datatables) { ... });

PitaJ

This thread might be of help as well: https://community.nodebb.org/topic/11731/how-to-include-the-images-that-are-referred-from-inside-a-third-party-css/14

alfazaz

@JJSagan I also try to use datatable in a plugin to display a table on a custom page but without success. I have my html table but datatable doesn't play on it... Do you remember steps to make it works ? Thanks !

alfazaz

No matters... I changed my mind. I will not use datatables and stay with bootstrap tables.

JJSagan

@alfazaz
Yes,
Create a module, say dt.js.
Paste the datatables code into said file.
That module will be compiled with nodebb, and then you can just require the module in the client.
If you need help let me know.

alfazaz

@JJSagan Thanks for your answer. I tried it but it was making things bad on reloading the page or loading other pages. I will not use datatables (and it will be easier for me on future updates).