Consider supporting virtualization with CSS Grid

[inokawa]

No description provided.

[inokawa]

https://github.com/jamiebuilds/react-gridlist
https://github.com/Mikescops/vue-virtual-grid
https://github.com/vitorinoninja/react-virtual-css-grid
https://github.com/adazzle/react-data-grid
https://codepen.io/ykadosh/pen/ZdxeYY

[inokawa]

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Subgrid

[inokawa]

https://medium.com/google-design/google-photos-45b714dfbed1

[szszoke]

Do you have any specific plans/goals with this? I'm just curious.

Would this be an internal implementation detail or are you planning on exposing things to the consumers of the grid as well?

I.e. set column count with repeat(auto-fit, ...)/ repeat(auto-fill, ...).

[inokawa]

There is an old and rough implementation in #204 but there is no clear schedule for now.

When I was working on list virtualization, I had noticed grid virtualization was very different from list virtualization. Its cell sizes are usually fixed by its columns/rows, and it has different usecases like data-grid, spreadsheet, masonry, and so on. CSS grid is flexible enough to support them so I want to use it.

[AlejandroAkbal]

Would love to see this implemented, currently using TanStack Virtual for Vue 3 to get a virtualized masonry grid, but they only support vertical gap, not horizontal gap, which makes the designs ugly and impossible to use :/