.dataTables_wrapper and IE7 problem

justSteve

I have a problem with how IE7 is rendering a page that includes a couple DataTables grids contained within an accordion. Basically, the accordion need to make contents of the given panes visible or non-visible depending on the active pane. In IE7, after the pane that has the DT grids becomes active, the grids never become non-visible. They also show a problem with positioning - for example, the accordion's pane includes a scrollbar but the DT grids will not respond to the scrolling. All the other elements of the pane move while the grids remain where they where when the page rendered.

I've pinpointed the bit of CSS that, if commented out, prevents the malformation. The CSS as distributed is:

.dataTables_wrapper {
position: relative;
min-height: 302px;
_height: 302px;
clear: both;
}

If i remove 'position: relative' the grids work correctly. I'm also removing the _height and min-height properties since i need grids to collapse if they are smaller than the given dimension.

My concern at this point is unexpected behaviors for other instances of DataTables elsewhere on the site if i comment these lines out. Initial and cursory testing says no but i've only tested during the current lunar phase....who knows what might happen under the proverbial blue moon. ;)

thx - and donation submitted.

ab

I've been working with a similar problem. Having less than 10 entries results in additional unwanted whitespace below the table. My solution was to comment out the min-height line in the .dataTables_wrapper class, but similar to justSteve's concerns, I'm worried that it might cause unexpected behavior down the road.

If anyone has input as to why that line is there or if it is safe to remove without worry, it would be much appreciated. Thanks!