TableTools button disappears on mouse out with Bootstrap tooltip attached

psenechal

Hey Allan,
I have an interesting situation and I wanted to see if you or anyone else had possible ideas. I have a dataTable with TableTools setup to do a CSV export...so it's a single button. When I initialize it, I'm specifying the following for the button:

'fnInit': function ( nButton, oConfig ) {
$(nButton).tooltip({ title: 'Export to Excel', placement: 'top', container: 'body' });
}

this is working absolutely great when I hover over the button...my tooltip displays perfectly. However, when I mouse out from the button, not only does the tooltip disappear, the ENTIRE button disappears as well.

Looking at the resulting code, mouse out seems to add a "display: none" to the tag for the button.

I use tooltips quite liberally on this site, each attached to an tag with identical code to the above, and this doesn't happen anywhere else. Is there something specific about the way TableTools buttons work that would cause this?

Thanks for any insight you can provide.