- Notifications
You must be signed in to change notification settings - Fork 10.5k
Open
Labels
Pillar: Complete Blazor WebPriority:2Work that is important, but not critical for the releaseWork that is important, but not critical for the releaseaffected-fewThis issue impacts only small number of customersThis issue impacts only small number of customersarea-blazorIncludes: Blazor, Razor ComponentsIncludes: Blazor, Razor ComponentsenhancementThis issue represents an ask for new feature or an enhancement to an existing oneThis issue represents an ask for new feature or an enhancement to an existing onefeature-blazor-virtualizationThis issue is related to the Blazor Virtualize componentThis issue is related to the Blazor Virtualize componentseverity-majorThis label is used by an internal toolThis label is used by an internal tool
Milestone
Description
Is your feature request related to a problem? Please describe.
I am trying to display several thousand image thumbnails in a grid layout with Blazor and virtualize scrolling through the thumbnail gallery to improve performance.
Describe the solution you'd like
The ability to set both the known width and height of the elements within a <Virtualize> component in Blazor, and have the virtualization take into account multiple items per "row", whether the number of items per "row" is dynamic based on the available width of the container and the provided ItemWidth. Something like this:
<div> <Virtualize Items="@images" ItemWidth="200" ItemHeight="200"> <div style="display: inline-block; width: 200px; height: 200px;"> <img src="@context.Url" /> </div> </Virtualize> </div> Additional context
Apologies if this is somehow already possible and a couple of hours of Googling hasn't led me to the answer - I'm new to Blazor.
doomslock, JonTvermose, sejerpz, msynk, ysmoradi and 14 more
Metadata
Metadata
Assignees
Labels
Pillar: Complete Blazor WebPriority:2Work that is important, but not critical for the releaseWork that is important, but not critical for the releaseaffected-fewThis issue impacts only small number of customersThis issue impacts only small number of customersarea-blazorIncludes: Blazor, Razor ComponentsIncludes: Blazor, Razor ComponentsenhancementThis issue represents an ask for new feature or an enhancement to an existing oneThis issue represents an ask for new feature or an enhancement to an existing onefeature-blazor-virtualizationThis issue is related to the Blazor Virtualize componentThis issue is related to the Blazor Virtualize componentseverity-majorThis label is used by an internal toolThis label is used by an internal tool