On my page I have buttons showing different things like column vis, column restor and search panes. I want those buttons positioned on the right just above the top right corner of the table and I'm able to do that with no issue. However, as soon as I do that, the searchpane position goes outside of the page once I click on searchpane button. Examples below are with and without the bootstrap
http://live.datatables.net/nojoqori/1/edit //no bootstrap
upon inspecting the HTML I notice the search panel is a child of the button and as such it inherits from it's positioning and is offset to the left. The funny thing is as I show/hide the html, css and js panels on the live example the searchPanes move.
Bottom line for us is we need to be able to show the whole seachPanes to the user so is there a workaround or a fix for this issue?