Responsive dataTable initially falling outside of component container

kvasko

I have a bootstrap accordion component acting funny. I have an accordion that has a datatable.net (jQuery dataTable) in the accordion drop down value. When it initially loads the datatable extends past the accordion component. When I adjust the browser size any amount, the datatable fixes itself. http://imgur.com/a/EZjQL First image you can see it extending past the component view, the second image is where I wiggle the size of the browser window (the size of the window barely even changes) and it fixes itself. Any suggestions?