TableTools not Working in Bootstrap Modal
TableTools not Working in Bootstrap Modal
Hi everyone, I'm using the latest datatables, as well as the tabletools.
I have a case where i need to display datatables in a bootstrap modal.
Datatables works flawlessly, however the tabletools do not.
The buttons are showing, however it seems that the swf is not loaded.
I have checked the path, and it's correct, i have checked the correctness using datatables outside modal.
Please refer to this link for the example http://client.siskomdigital.com/faxhktdc/dev.php
You can open the modal by clicking one of the job name
Is there something i missed?
I need it to work inside the modal because i don't want to load a new page,
and i need the user to be able to switch back and forth (in the actual work, the datatables in the modal will repopulate the data based on the provided ID).
Answers
In which browsers , table tools are not working. Is this issue common for all browsers ? I tried your sample page in IE10 and It was working fine. However try to redraw the table again before data loading from database?
Hi! Yes, i managed to fix it somehow!
I used tabletools' fnbuttonresize on the bs.shown event of the modal.
The main issue was the fact that upon init, the button is in the hidden state, which means it has no height nor width. I had to resize the swf container when the modal finished loading its data.
I don't know if there's cleaner aproach than my example, but at least it works now.
Thx!