DataTables logo DataTables

IE9 bug - hover on rows
  • 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.
  • 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.
All Discussions

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!

Support

Get useful and friendly help straight from the source.