How to have two columns as formlayout in virtual list

Support
#1

How can I have responsive two column layout of virtuallist. I tried to use formlayout etc but not succeed.

Thanks

#2

Do you mean the Virtual list component? Could you please clarify how do you want the virtual list to be “two column”? in my understanding the purpose of this component is to display a long list of items in a scrollable container in one column.

#3

Yes, I want to show the data in two columns. presently it shows data in long scrollable list, instead it should be in two columns like formlayout side by side.

#4

But how do you expect scrolling to work in the case of two columns and if all records don’t fit into the screen? Do you expect that scrolling will work for two columns at the same time?

#5

I don’t know.

I wanted to have responsive card type view of my data (desktop 2 columns and small device 1 column like form layout), as single row for one record doesn’t look nice on desktop (too much empty space). I know that vaadin virtuallist also for one column.

If there is another way then please guide.