Bug with using Responsive and Scrolling concurrently
Bug with using Responsive and Scrolling concurrently
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.