Responsive extension with Vertical scrolling
Responsive extension with Vertical scrolling
When a datatables instance is run with the responsive plugin and Vertical scrolling, an exception is showing up when new columns need to be shown as a result of the table getting wider. It is visible on the following example page:
https://datatables.net/extensions/responsive/examples/styling/scrolling.html
Start with a refreshed page at width 412px, and widen the example to around 460.
At this point, the "Position" column should become visible. In the dev console, the exception is shown.
This occurs in _fnCalculateColumnWidths(), and looks like it is due to the cells in the header table not being in-sync with the hidden header cells.
Following the repro steps above, you'll be able to see the thead under the .dataTables_scrollHead has 3 header colums, but the thead under the .dataTables_scrollBody only has 2 (the tbody here is set up for 3). The exception occurs when the style is being set on this 3rd header which is missing from the hidden thead.