Bug with using Responsive and Scrolling concurrently

Bug with using Responsive and Scrolling concurrently

KolSonKolSon Posts: 1Questions: 1Answers: 0
edited June 2015 in Free community support

Demo Fiddle of the Issue: http://jsfiddle.net/ybqj28es/3/

Basically, when I ever I resize from collapsed view back to a non-collapsed view, the header size is wrong and the following error is thrown: TypeError: headerCells[i] is undefined on line 4165, which inside this for loop:

for ( i=0 ; i<visibleColumns.length ; i++ ) {
     column = columns[ visibleColumns[i] ];
     headerCells[i].style.width = column.sWidthOrig !== null && column.sWidthOrig !== '' ? _fnStringToCss( column.sWidthOrig ) : '';
}

I think it's an issue with visible columns not matching the number of visible headers at that time. Any thoughts on how to solve this problem? I'm also not even fully sure if it's just a problem with my instantiation/styling or if it really is the combination of using the scroller and responsive grid at the same time, but searching for examples online where other people were using both hasn't gone anywhere fruitful for me.

Edit - the same error occurs on the demo page featuring scrolling and responsive used at the same time: https://www.datatables.net/extensions/responsive/examples/styling/scrolling.html

Resize that page with a debug window open repeatedly and it'll start throwing the same error.

This discussion has been closed.