IE9 bug - hover on rows

Sojborg

Hi,

I found a bug in IE9 where the pagination container jumps around under the datatable when you use a hover effect on the datatable rows.

#example tr:hover td
{
background-color: #881A28;
color: white;
}

This happens if you active the sScrollX property.

See here for example:

http://live.datatables.net/unipih/edit#javascript,html

Just move the mouse cursor over the datatable rows and you will see the bug.

I solved this by setting the scrollbody to height: 100%. in the datatable.css

.dataTables_scrollBody
{
height: 100%;
}

But this is of cause a minor hack :), because I don't have the time to debug the js code atm :-/.

I didn't find this bug in Chrome or IE8.

allan

Thanks for flagging it up. In fairness I don't think this is a bug in DataTables, but rather in IE. I will try to look at it in the near future to find a workaround.

Allan