IE 11 issue when scrolling enable

scriptmonkey

I have updated my intranet site to 1.10.2 and everything was looking really good until I tried to use IE11

I am getting a javascript error at line 3929 in jquery.dataTables.js
I would appear that trying to set the paddingRight style for the divHeaderInner to a negative value is causing an issue

My standard initialization for the table

$('#userInfoGrid').dataTable(
{
"paging": false,
"scrollY": "500px",
"scrollX": false,
"lengthChange": false,
"sort": false,
"filter": true,
"orderClasses": false
});

scriptmonkey

I have found the issue, but I needed to modify the core jquery.datatables.js file at line 4002 ( 1.10.4 )

basically wrap the barWidth in the fnStringToCss so that any negative values get converted into "0px" when the page is displayed in IE11.

divHeaderInnerStyle[ padding ] = bScrolling ? _fnStringToCss( barWidth ) : "0px";
if ( footer )
{
divFooterTable[0].style.width = _fnStringToCss( iOuterWidth );
divFooterInner[0].style.width = _fnStringToCss( iOuterWidth );
divFooterInner[0].style[padding] = bScrolling ? _fnStringToCss( barWidth ) : "0px";
}