How use this with a dynamic grid instead a list?

[luiguild]

I try include a lot of components forming a grid but I only could create a list... It's possible?

Congrats for this lib :)

[begedin]

The way we've achieved it in a project is we made the item given to the scroller a "row" component, which renders the correct number of elements.

Effectively, the scroller renders a list of rows vertically that way.

<recycle-scroller
  :items="rows"
>
  <template v-slot="{ item: row }">
    <row-component :items="row.items" />
  </template>
</recycle-scroller>

// row component

<div class="row">
  <item v-for="item in items" :key="item.id" />
</div>

Or you could flip it around and have the scroller render a list of columns horizontally.

[Parakoos]

I'm doing the same thing with a row component and inner items. The only thing is that those inner components are constantly created and destroyed. If there was a way to operate in 'grid mode' with a fixed height and width, we could reuse all those components which would be sweet