DataTables compatibility with WordPress

adbras

I tried to apply DataTables directly hard-coded in the HTML with the JS and CSS libraries for a website in building with WordPress, but the responsive part isn’t working properly. Outside of WordPress it works fine.
I guess the problem has something to do with DataTable’s CSS overlapping with the WP Theme’s CSS, but I have already changed Themes without any improvements to the tables.

The closest I got to have responsive DataTables working was with regular bootstrap.. it kinda works, when I reduce the window size it is responsive, but when I change back to a full sized window without refreshing the page, it doesn't display back the rows that should be available in a desktop window.

Anybody has experience applying DataTables in WP?
I know there are plug-ins to create responsive tables for WP, but for my application I would rather not to use plug-ins because of the way I populate these datatables.

Thanks in advance.

colin

Hi @adbras ,

This blog post should help - it gives instructions using TablePress for both DataTables and Editor.

Cheers,

Colin

adbras

I already saw that post. I did exactly as it says in the instructions and the table works, until I add the responsive feature. That part I cannot make it work. I think the Theme's CSS is overlapping with DataTables making it's behavior strange.
I guess that's one of the reasons TablePress plug-in exists...

I would like to know if there is a way to isolate the table's CSS from the Theme's or if anyone already had this problem and how do I solve it?