Index.razor

@page "/"
@using Microsoft.EntityFrameworkCore
@using BindGridToLargeData.Models;
@using DevExpress.Data.Linq
@inject IDbContextFactory<NorthwindContext> NorthwindContextFactory
@implements IDisposable
@rendermode InteractiveServer

<div>
    <DxGrid Data="GridDataSource" 
            TextWrapEnabled="false"
            VirtualScrollingEnabled="true"
            FilterMenuButtonDisplayMode="GridFilterMenuButtonDisplayMode.Always"
            CssClass="my-grid">
        <Columns>
            <DxGridDataColumn FieldName="ShipName" />
            <DxGridDataColumn FieldName="ShipCity" />
            <DxGridDataColumn FieldName="ShipCountry" />
            <DxGridDataColumn FieldName="OrderDate" />
            <DxGridDataColumn FieldName="ShippedDate" />
        </Columns>
    </DxGrid>
</div>

@code {
    object GridDataSource { get; set; }
    NorthwindContext Northwind { get; set; }

    protected override void OnInitialized() {
        Northwind = NorthwindContextFactory.CreateDbContext();
        GridDataSource = new GridDevExtremeDataSource<Order>(Northwind.Orders);
    }

    public void Dispose() {
        Northwind?.Dispose();
    }
}