question-mark
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.

Dynamic row height

See original GitHub issue

How to set up a dynamic row height measured by measureRef? I know the size property should reflect the element’s height but if I’m applying it to the row element, its height is always the estimated one, am i missing something?

<Row
    key={virtualRow.index}
    ref={el => measureRef(el)}
    style={{ transform: `translate3d(0, ${virtualRow.start}px, 0)`, height: `${virtualRow.size}px`}}
>
...

If i’m not setting up the height property on the row, Firefox crashes (seems like it’s related to setMeasuredCache).

In all examples, the height of the rows is created randomly, what about setting the height by the row’s content height?

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:22

github_iconTop GitHub Comments

1reaction
NadavShaarcommented, Jul 5, 2021

Great, please try to merge ASAP this is a major bug! Thanks for the quick support… 😉

1reaction
piecykcommented, Jul 5, 2021

Ok, my guess was right, also manage to reproduce it in firefox, using browser zoom.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Examples: Dynamic Row Height | BaseTable
Dynamic Row Height. Toggle columns. Add item to top. 88. ♂.
Read more >
Data Grid - Row height - MUI X
The dynamic row height implementaion is based on a lazy approach, which means that the rows are measured as they are rendered. Because...
Read more >
How to implement dynamic height table view cell (self sizing)
The key to achieve dynamic height table view cell is to let Auto Layout know how to calculate the height of the cell....
Read more >
Dynamically set the table row height as per data. | Jaspersoft ...
Dynamically set the table row height as per data. Select used table any field and set the below property. Below is the Output...
Read more >
Configuring Dynamic Row Height - Infragistics NucliOS™ Help
Dynamic row height is a data source helper feature that adjusts a row's height to make all cells' content visible. To enable this...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found