web-components icon indicating copy to clipboard operation
web-components copied to clipboard
verified publisher icon vaadin

Databindable multi-column item listing component

Open rolfsmeds opened this issue 3 months ago • 4 comments

Describe your motivation

A common UI pattern that lacks a Vaadin solution: a multi-column item list

Image

Describe the solution you'd like

  • Databindable
  • Infinite scrolling (like Grid and VirtualList)
  • Responsive (adapts number of columns based on width and configurable min col width)
  • Selectable items
  • Accessible (appropriate semantics, etc)

(similar to VirtualList but multi-column; similar to Grid but non-tabular)

Describe alternatives you've considered

No response

Additional context

No response

rolfsmeds avatar Sep 19 '25 13:09 rolfsmeds

similar to VirtualList but multi-column; similar to Grid but non-tabular

It's tempting to name it "VirtualGrid" 😬

knoobie avatar Sep 19 '25 14:09 knoobie

Sounds like a grid mode for virtual list to me. The original iron-list component supported it but we didn't include it to our fork. Also the Lit Labs virtualizer has a separate "layout" for that.

web-padawan avatar Sep 20 '25 09:09 web-padawan

Yeah, a mode for VirtualList would probably do it just fine, as long as VirtualList also supports selection and whatnot.

rolfsmeds avatar Sep 21 '25 12:09 rolfsmeds

The Java counterpart should support lazy loading (HasLazyDataView) like Grid does.

filippo-azserve avatar Sep 22 '25 15:09 filippo-azserve