grid with FilterRow how to change height of filter row

Hi,

I try to implement a filter row in a grid based on the example here
https://vaadin.com/book/-/page/components.grid.html
and I would like to change the height of the row where the filter fields are located. So far I have not found a way to do it.

Does anyone figgured this out already?

Gerald

Hi,

as far as I know, there’s currently no way to set different heights to individual header rows. To change the general header row height you can define the following in your scss theme:

$v-grid-header-row-height: 50px; // replace with appropriate height

However, then also the “main” header row will get this height.

Another option is to use the smaller styles for the filter components (small / tiny) so you would not need that high a row to contain them.

-tepi