We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date

Grid Detail Template not fully Rendering with Virtualization Enabled

Hi there,

This is actually a two part issue/question but revolves around the same core issue.

I have a Data grid, and I make use of RowTemplates for the information, which is a separate Razor Component that I pass the header data to. See below for the basic layout:

Code Snippet:

<SfGrid TValue="LAQuoteHeaderModel" DataSource="@client.QuoteHeaders.Where(x => x.IsActive && !x.IsAccepted && !(x.IsRejected ?? false) && !x.IsJobcarded && !(x.IsCompleted ?? false) && !(x.IsReady ?? false))" Height="100%" Toolbar="@(new List<string>() { "Search" })" AllowGrouping="true" AllowSorting="true" AllowFiltering="true" ContextMenuItems="@QuotedGridContextMenu" AllowPaging="true">
                                                                    <GridPageSettings PageSize="50" PageSizes="@(new List<string>() { "50", "100", "All" })" PageCount="5"></GridPageSettings>
                                                                    <GridFilterSettings Type="Syncfusion.Blazor.Grids.FilterType.Excel" Mode="FilterBarMode.Immediate" ShowFilterBarStatus="true"></GridFilterSettings>
                                                                    <GridEvents TValue="LAQuoteHeaderModel" OnRecordDoubleClick="QuoteDoubleClick" ContextMenuItemClicked="QuotedContextMenuClick"></GridEvents>
                                                                    <GridGroupSettings ShowDropArea="false" Columns="@(new string[] { "CombinedGroupNameAndRef" })">
                                                                        <CaptionTemplate Context="grpContext">
                                                                                var iquoteDetail = (grpContext as CaptionTemplateContext);

Now in the Razor Component that loads in the RowTemplate, I have a SfContextMenu control added into it.

See below for an Image representation:

So as in the Image above, each row is made from the Razor Component in the RowTemplate, and right-clicking brings up the context menu as seen in the image.


Issue One

When virtualization is enabled on the Grid, the RowTemplates don't seem to render properly when scrolling down through the grid.

The first, 100 or so rows are no problem, but beyond that the Rows visually look correct, however the Context Menu in the components completely disappears. See below:

As seen, some ways down the grid, no problem with the Context Menu.