vertical scrolling broken in Internet Explorer

mg

Are there any known issues with attempting to use vertical scrolling in Internet Explorer?
For instance, what tyling to the 's will cause the scrollbar to malfunction?
I have some highly styled 's, but vertical scrolling works just fine
in Firefox and Chrome. Not so in Internet Explorer. Instead, IE
shows the scrollbar, but the table goes past the scrollbar height.

[code]
"sScrollY": "200px",
"bScrollCollapse": true,
[/code]

mg

Ok, and this seems to be the fix.

Building on an answer from a previous forum post,
where you access the following element:
[code] .dataTables_scrollBody[/code] ...then your css should also do this:

[code]
.dataTables_scrollBody {
position: relative;
}

#my-datatable {
position: relative;
}
[/code]

Tested in IE6, IE7, and IE8;
it actually appears to do the job.

mg

While the position: relative fixed one problem, I'm coming across another problem:
the width of the table in IE for an ajaxed table is not being computed correctly.
The scrollbar tends to be 15px past where it should be. Has anyone come across this issue?

I'm aware there's a fnAdjustColumnSizing(), but how is
that meant to help? When I use it, the problem doesn't
go away in IE.

The problem doesn't happen when the table is shown by default,
but it does happen when it is drawn via Ajax (i.e., not part of
the initial page rendering.)

mg

I tried Allan's suggestion from this posting,
but it didn't fix the table header columns. http://datatables.net/forums/comments.php?DiscussionID=3796

Then I tried adjusting other wrapper elements by setting their CSS values,
and it appears to work in IE now, but this is really stretching the limits...

sawargaonkaramit

Hello mg,
I am facing the same issue. I used the solution given by you:

.dataTables_scrollBody {
position: relative;
}

#my-datatable {
position: relative;
}

But unfortunately it is not working. Can you please suggest me something else? Or may be something you might have come across.

Thanks in advance :)