Get started
Loading...
Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

Where to include a web components css file when integrating a third party w by Martin Vyšný, 1 week ago
Recent Posts
Vaadin Forum1. Vaadin Flow - Java

Vaadin-Grid row details generator performance and bugs

Ryan Scott
5 years ago Aug 10, 2016 1:55pm

I've been working on a custom element to use as a row details generator off and on for awhile now.  This row details generator would actually be a row editor, capable of editing the contents of a row.  However, it seems to be very heavy weight at times.

Detached and Reattached
When I have my row editor open and I scroll vertically, my row editor is reused like it is a regular row.  I am wondering if there is a way to have it detached and closed to prevent vertical scroll lag?  I feel like there could be some situations where the row details generator should close when it is vertically scrolled off of the grid.  I know some of my field editors are slightly more complex than single line inputs, but with 7-8 columns (meaning 7-8 field editors), the scroll lags quite a bit and the row editor flashes.

I suppose there is no way to escape using insertBefore, which I believe is the cause of this lag?

Sauli Tähkäpää
5 years ago Aug 18, 2016 8:11am

I can think of any straightforward ways to get around this – the row just gets recycled during scrolling. 

I guess you can try adding a scroll listener and manually closing the details when the table has been scrolled a certain amount from the position the details were opened in.