Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Expand a row and render a custom component within it

See original GitHub issue

I’d like to be able to expand a row by clicking on a custom action and load a custom component within it. The expanded row would have colspan = # of columns. Just like the picture below.

Thank in advance for the support

Issue Analytics

State:
Created 3 years ago
Comments:7

Top GitHub Comments

4reactions

Michael101shcommented, May 27, 2020

Hi @nihgwu , I would very happy if you pleasee will add this feature, means that it is possible to insert a variable height custom component and not necessarily 50 height, and that the table behaves properly, meaning that the rows below will get down and start at the end of this component and that it will work well with (vertical) scrolling.

4reactions

nihgwucommented, May 5, 2020

For expanded row, you have to provide the row height explicitly, so rowHeight should be a function, just like the VariableList in react-window, but I think that would limit the usage as sometimes we just don’t know the exact height for the expanded area, so the best solution for this scenario should be the DynamicList in react-window, but that component is still working in progress(for quite a long time), so I’m planning to implement the dynamic list by myself, but I just don’t have enough time on it right now