DataTables logo DataTables

via Ad Packs
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