vaadin-grid | high quality data grid / data table Web Component | Web Framework library

I've added a component column to my grid with a link which renders as follows:

I am working with Vaadin 14.7.5, so vaadin-grid 5.9.0.

A single vaadin-grid element containting a single vaadin-grid-tree-toggle element is inside a Lit Element.

I'm using a vaadin-grid that is stacked upon a pagination toolbar (vaadin-grid-pagination) and the problem I'm having is that on mobile devices the pagination doesn't sit at the bottom of the viewport as the grid comes over it.

Ideally (disregard the pagination overflowing) it would look like this:

Now, through the Dev Tools inspector I was able to remove a position: relative property from the scroller and that made things behave as I want them to.

The problem is that I am unable to do this programatically... I tried using a custom css file with these contents:

I wanted one of my Vaadin-Components to use a FormLayout. To do this the component extends FormLayout (com.vaadin.flow.component.formlayout.FormLayout). The component extends the class indirectly over an other class (should not really break the behaviour). Strangely it is not working as expected. It shows all the elements in the layout closely side by side, even though the number of columns is defined.

For Grids using the LUMO theme there is an easy solution to get alternating row colors (look here under "Theme variants usage"). Furthermore if you know the number of grid columns you can set the colors using CSS selector vaadin-grid-cell-content:nth-child(an+b). But unfortunately both of these conditions are not met in our case.

How can one achieve alternating row colors in general cases?

The only solution I can come up with is using List input data and defining a row class generator as follows:

I want to run the example from the official Vaadin vendor site: https://vaadin.com/components/vaadin-grid/java-examples/drag-and-drop Of course, I have some other objects to drag, but i am happy when the example is working. At the minute, I don't know how it is meant to be used, or I am getting dumb, because I am living in germany.

I wonder why the example is not running out of the box. When i use this code, there are several errors in the code. What is dragItems? And how to calculate the index of the drop position? Any help is appreciated. I just want to use this framework, but the demos are not compiling.

I want to drag an item from a grid on another grid. How to do that?

Using the inline java editing example for a Vaadin 14 / Flow Grid at: https://vaadin.com/docs/latest/ds/components/grid/#inline-editing-java-only (ignoring the save and cancel portion) how can I add an edit button for a compact grid. All other cells seem to be of height 30px but the addComponentColumn() seems to be of height 46px. There's a setWidth() method but no setHeight(). My code is:

When I use appendHeaderRow() or prependHeaderRow() to add one or more additional header rows to a grid in my Vaadin 14 application, the grid still only displays one header row. I'm almost certain that I understand why this is happening, but the solution isn't clear.

In my project, I've disabled classpath scanning and I'm manually instantiating and invoking the initializers used by Vaadin, as described in this example. I have a class that implements ServletContextListener and invokes the initializers, just like the VaadinInitializer class from the example.

In order to get the header rows to display correctly, I believe I have to pass ColumnGroup.class to the DevModeInitializer, as it corresponds with the element that I see in the grid's HTML when I add an additional row to the header. I've had to do this with many other Vaadin classes in order to get them to display correctly, including Grid and GridSelectionColumn. The problem is that unlike these other classes, the ColumnGroup class isn't public, so I'm unable to import it and pass it to the initializer.

Does anyone know of any workarounds, or is it not possible to get multiple grid header rows to work correctly with my project configuration?

I have a requirement to render infinite scrollable data in an optimal way in LitElement. Vaadin-grid seems suitable for the use-case. However, the data is huge. So I am trying to lazy load the data in chunks from backend. This backend api supports returning records in chunks (such that total number of records will be returned on first call itself). Is there any possible way to lazy load the data in chunks from backend in vaadin-grid with LitElement.