Mutiple component in Grid Column

Hi guys,

I was trying to add a component column to grid and I get a blank cell after adding some items. There’s no problem if I only add one component like button, but If I generate a layout with multiple components inside it, I get a blank cell. Is this possible or do I have to add each component in a difference column?

grid.addComponentColumn(item -> {
            Button delBtn = new Button();
            delBtn.addStyleName(ValoTheme.BUTTON_BORDERLESS);
            delBtn.setIcon(VaadinIcons.TRASH);
            delBtn.setWidthUndefined();
            delBtn.addClickListener(event -> {     
              //TODO  
            });
            
            Button attachmentBtn = new Button();
            attachmentBtn.addStyleName(ValoTheme.BUTTON_BORDERLESS);
            attachmentBtn.setIcon(VaadinIcons.UPLOAD);
            attachmentBtn.setWidthUndefined();
            attachmentBtn.addClickListener(event -> {     
              //TODO  
            });
            
            VerticalLayout v = new VerticalLayout(delBtn, attachmentBtn);
            v.setSpacing(true);
            
            return v;
        }).setWidth(200);

The vertical layout is pushing the components below of the Grid row’s visible area. Try with a HorizontalLayout first.

-Olli

And I just realized that I was using a VerticalLayout, damnit! LOL

Thanks Olli…