Doubel header when scrolly/y option is enabled

tsmprit

Hi, for first, sry for my english. But i have a problem when is scrolly/z option is enabled. Just look at the image:

image:
http://s27.postimg.org/onxwmoo03/erro.jpg

script

<script> jQuery(document).ready(function() { jQuery('#example3').dataTable({ "bLengthChange": false, "bPaginate": false, "scrollY": 500, "scrollX": true, }); } ); </script>

css

@import url("../kuorinka/style.css"); @import url("../intranet/css/jquery.dataTables.css"); @import url("../intranet/css/dataTables.tableTools.css"); @import url("../intranet/css/dataTables.colVis.css");

Thanks for any help

tsmprit

Sry for topic name, but i cant edit it .. :/

DEMO: http://mestsketrhyprerov.cz/wordpress/?page_id=4

allan

Frustratingly I'm not sure what is causing that. I've just tried poking around with it for 15 minutes but with no luck. I'll need to come back to it, hopefully tomorrow.

Allan

tsmprit

Ok, ill wait. :)

allan

Try adding the following to your CSS:

div.dataTables_sizing { display: none; }

That is a workaround that should work for now.

The problem is being caused buy the use of vertical-align: baseline; in the style.min.css file which is upsetting the browser for some reason.

Allan

tsmprit

Wow, thanks! Its working