Disable separate scrolling of body and header

juliano

Is it possible to create the header and body in the same table element? I'm using a button with dropdown menu (from bootstrap twitter) on each row, but the last row is requiring the user to move the scrollbar down so they can see the dropdown menu (which appears only after clicking the button).

Here is a sample of my code http://jsfiddle.net/julianonunes/Qa6y2/embedded/result (I had to set fixed height using CSS, but this is not a good way to fix this).

Basically, I need to join the DIVs with classes dataTables_scrollHead and dataTables_scrollBody, so there is no use of overflow.

allan

Yes - disabled sScrollX in your initialisation. If you enable scrolling DataTables has to bring the table up as that is the only want of reliably making the body scroll.

Allan

juliano

Ok.

Thank you