IE9 bug - hover on rows

IE9 bug - hover on rows

SojborgSojborg Posts: 17Questions: 0Answers: 0
edited October 2012 in Bug reports
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.

Replies

  • allanallan Posts: 61,446Questions: 1Answers: 10,054 Site admin
    edited October 2012
    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
This discussion has been closed.