Foundation 6 Reveal & DataTables Pagination

LiamFord

Hi All,

I've been trying to get a DataTable to work inside a Foundation 6 Reveal modal, but whenever I click on a pagination button it closes the modal.

If you open the modal back up, you can see that it has changed the page, but how do I prevent it from closing the modal?

Here is a JS fiddle demonstrating this: https://jsfiddle.net/Lts99vL1/

Many thanks for any ideas.

LiamFord

I managed to solve this issue by setting an option on the Reveal modal, data-close-on-click = "false".

Thanks for a great add-on, been using it for a few years across various apps, & frameworks and always impresses me

allan

Hi,

Thanks for posting back with your solution. Fantastic to hear that you've got this working. Interesting that the Zurb folks make that behaviour opt out rather than opt in, but either way at least that option is available and you found it! I'm sure others will find your post useful!

Regards,
Allan

renderwsrrior

I'm trying too to use datatables and f6 reveal. In my case, using the pagination (so switching from page 1 to 2) breaks the reveal.
I'm using Ajax to pass dynamic data to the reveal. Everything works on the first page, but paginating breaks the modal (it opens the page requested via ajax not in the modal, but in the main browser window)
There's something I've to set within the datatable settings?

allan

My guess is that you are running into this FAQ:

• My events don't work on the second page

but without a test page it is difficult to say for sure.

Allan