The example provided in the responsive sample doesn't work for me. Any help?

samuelk2019

Hi,

i want exactly the table should be rendered in https://datatables.net/extensions/responsive/examples/styling/scrolling.html with beautiful green buttons. i created an html with all the details and references. however the table is not responsive neither the buttons are being displayed. Could you please kindly help me with my ignorances?

Posted the Html file for reference in JsFiddle.

https://jsfiddle.net/wcyy4199/1/

Thanks.

allan

Your example doesn't include jQuery of DataTables core. Including both of them (using the download builder) allows it to work as expected: https://jsfiddle.net/wcyy4199/3/ .

Allan

samuelk2019

Thanks a lot Allan.

samuelk2019

can you please help me with the exact download link as it doesn't work with downloaded one ?

samuelk2019

The table is populated successfully locally without any issues with icons and everything and pasted the whole code in http://pastebin.com/KTcQ241D

allan

Just to confirm - your latest post suggests you have it working now. is that correct?

Allan

samuelk2019

It is not working. However i identified the issue but don't know how to fix it. Finally i conclude that the data table is not rendering due to conflict with
the script and styles between twenty sixteen theme and data table script and styles.

The solution is we need to properly resolve by enque and registering the scripts/styles.

https://www.seedprod.com/enqueuing-styles-scripts-wordpress/

http://code.tutsplus.com/articles/how-to-include-javascript-and-css-in-your-wordpress-themes-and-plugins--wp-24321

https://datatables.net/forums/discussion/8489/cant-get-datatable-to-show-in-wordpress-page

---

1. Can you please help me with a code snippet which needs to be inserted on the word press page on how to enqueue the scripts for the single page ?

2. Do we need to add the enqueue with <? php or under the head tag in the html tag
   of the word press page.

An example with JS fiddle with source code will of great help...

allan

Do we need to add the enqueue with <? php or under the head tag in the html tag
of the word press page.

For WordPress help you would need to refer to a WordPress forum. I know next to nothing about WordPress I'm afraid.

It would be worth checking out TablePress which is a WordPress addon that uses DataTables.

Allan

samuelk2019

i have fixed the problem via Table Press and it works fine as it provides an option to have custom css. .tablepress {
table-layout: auto;
} ......like they have similar in table press. Do you know how to override the default css theme in DataTables ? basically i am looking for a solution just like provided in TablePress.

allan

I've already requested that you please don't post duplicate questions. Closing this thread in favour of this one.

Allan