Last column does not render in child row when marked with the 'none' class name
Last column does not render in child row when marked with the 'none' class name
Link to test case: https://stackblitz.com/edit/2z3vty19?file=script.js,index.html
Hello! Odd problem that I've reproduced in the test case above. Using the responsive extension, I created an empty column to house the child row display button, setting responsive.details.type to 'column' and the target to column 0. I'm using a custom renderer and the function's columns parameter to render each column of information.
Everything is fine until you add the 'dtr-control' class name via className. After that, the last column is no longer renderable in the child row. When logging the columns parameter of the renderer function, I noticed that the parameter contained all but the last column!
If you comment out the className: 'dtr-control' line, you'll see things fix itself.
What's up with this? Am I missing something in the configuration?
Thanks!
This question has an accepted answers - jump to answer
Answers
It isn't anything you are doing, but rather than looks very much like a bug to me I'm afraid.
It is apparent in this example as well. Let me get back to you about this.
Allan
Thanks for looking into it! If anyone stumbles upon this post before the bug is fixed, I got around the bug temporarily by adding an empty last column set up like this:
I've committed the fix for this issue and decided that it was enough of an issue to just release it as the only change. So Responsive 4.0.3 is now available.
I've updated your test case here with the new release, and it is now working as expected.
Regards,
Allan
Wow thank you so much!