Possible Responsive Extension Defect when using Column controlled child rows

jrmce

Test case can be found here: https://jsfiddle.net/jrmce/4c90u7bk/

This defect occurs when you use the options to change the column that controls the hiding/showing of the child rows (https://datatables.net/extensions/responsive/examples/child-rows/column-control.html).

If you start on a small resolution/viewport and show the child columns by clicking the expander, and then increase the screen size/viewport, the child rows will disappear and their columns will show in the main table (as they should). However, the spacing that contained the child rows will not disappear.

This was found when using a mobile device portrait orientation, clicking on the expander to show the columns, and then switching to a landscape view. To can replicate this in the jsfiddle by shrinking the output panel width, clicking the expander, and then increasing the output panel width.

I believe this could be a defect with datatables, but only when using the "Column controlled child rows" feature, otherwise it works as expected.

allan

However, the spacing that contained the child rows will not disappear.

Thanks for noting this. This is issue was actually fixed by this commit and the nightly version already carries the fix.

Example with nightly.

Thanks for the test case! Very much appreciated :-)

Allan

jrmce

Thank you Allan, will give that a shot!