TableTools 2.0.2 w/Bootstrap interface problems

rfitzwater

I am using Bootstrap 2.0 in my Datatables setup. I also am using TableTools 2.0.2 for Print, PDF and Excel options. I think there are some problems with CSS in TableTools that doesn't work right with Bootstrap CSS.

- The print button functions, but you don't get that quick modal window warning user to hit escape once printed.
- Clicking the PDF or Excel buttons do not have any function. I'm not getting the dialog to save like I do outside of Bootstrap.

Anyone who cares to take a look to see what I am talking about and hopefully provide a solution ;-) go here: http://comm.rider.edu/datatable/mytest.html and click Options in navbar once page loads.

Thanks,
-Rhon

rfitzwater

I turned on some debugging code in TableTools which colors the flash buttons red. I can now see that things just aren't lining up properly when the flash buttons are glued to the actual html buttons. Any idea on why this is, or how to fix it?

allan

I like it - nice interface :-)

You need a few styles from the TableTools base CSS - for example div.DTTT_container must be positioned relative (or absolute):
https://github.com/DataTables/TableTools/blob/master/media/css/TableTools.css

You won't need to whole lot, but certainly some of it!

Allan

rfitzwater

Thanks. Just needed [code]div.DTTT_container {
position: relative;
float: right;
margin-bottom: 1em;
}[/code]
Buttons are now working!

Thanks!