Scroll vs paging

High Performance

The Row Virtualization engine allows the FlexCore DataGrid to smoothly render and navigate thousands of records with near-zero memory footprint. Unlike conventional DOM renderers that instantiate all elements, FlexCore renders only the rows actively within the viewport plus a calibrated buffer window.

This benchmark demonstrates 1,000 fully editable records featuring diverse editor types (numeric, text, dropdown, checkbox), multi-edit batching (select multiple rows and modify one cell to fan out changes across all selected rows), live search bar filtering, type-to-search keyboard navigation, and interactive column grouping.

Live Demo

Grid Mode: Renders: 1 | Last build: 1.2 ms
Drag a column header here to group by that column
Code Description Category Quantity Unit Price Total Cost In Stock
V-0001Mechanical Material Component #1Mechanical74$153.33$11,346.42True
V-0002Electrical Material Component #2Electrical55$45.59$2,507.45True
V-0003Finishing Material Component #3Finishing121$271.72$32,878.12False
V-0004Plumbing Material Component #4Plumbing24$44.44$1,066.56True
V-0005Masonry Material Component #5Masonry71$174.12$12,362.52True
V-0006Structural Material Component #6Structural105$110.73$11,626.65False
V-0007Mechanical Material Component #7Mechanical10$13.39$133.90True
V-0008Electrical Material Component #8Electrical102$42.73$4,358.46True
V-0009Finishing Material Component #9Finishing48$205.39$9,858.72False
V-0010Plumbing Material Component #10Plumbing62$143.63$8,905.06True
V-0011Masonry Material Component #11Masonry36$209.16$7,529.76True
V-0012Structural Material Component #12Structural10$109.80$1,098.00False
V-0013Mechanical Material Component #13Mechanical90$164.59$14,813.10True
V-0014Electrical Material Component #14Electrical115$94.27$10,841.05True
V-0015Finishing Material Component #15Finishing67$143.68$9,626.56False
V-0016Plumbing Material Component #16Plumbing71$26.87$1,907.77True
V-0017Masonry Material Component #17Masonry136$175.12$23,816.32True
V-0018Structural Material Component #18Structural136$53.33$7,252.88False
V-0019Mechanical Material Component #19Mechanical104$76.46$7,951.84True
V-0020Electrical Material Component #20Electrical96$106.28$10,202.88True
V-0021Finishing Material Component #21Finishing7$256.88$1,798.16False
V-0022Plumbing Material Component #22Plumbing135$233.46$31,517.10True
V-0023Masonry Material Component #23Masonry24$245.11$5,882.64True
V-0024Structural Material Component #24Structural105$21.13$2,218.65False
V-0025Mechanical Material Component #25Mechanical3$191.03$573.09True
V-0026Electrical Material Component #26Electrical22$85.13$1,872.86True
V-0027Finishing Material Component #27Finishing4$29.10$116.40False
V-0028Plumbing Material Component #28Plumbing63$285.03$17,956.89True
V-0029Masonry Material Component #29Masonry59$24.26$1,431.34True
V-0030Structural Material Component #30Structural78$110.36$8,608.08False
V-0031Mechanical Material Component #31Mechanical8$293.85$2,350.80True
V-0032Electrical Material Component #32Electrical100$24.66$2,466.00True
V-0033Finishing Material Component #33Finishing7$214.67$1,502.69False
V-0034Plumbing Material Component #34Plumbing61$182.75$11,147.75True
V-0035Masonry Material Component #35Masonry16$181.05$2,896.80True
V-0036Structural Material Component #36Structural62$42.50$2,635.00False
V-0037Mechanical Material Component #37Mechanical146$42.33$6,180.18True
V-0038Electrical Material Component #38Electrical57$155.91$8,886.87True
V-0039Finishing Material Component #39Finishing108$123.19$13,304.52False
V-0040Plumbing Material Component #40Plumbing24$283.42$6,802.08True
V-0041Masonry Material Component #41Masonry118$242.36$28,598.48True
V-0042Structural Material Component #42Structural38$288.15$10,949.70False
V-0043Mechanical Material Component #43Mechanical42$83.57$3,509.94True
V-0044Electrical Material Component #44Electrical6$279.64$1,677.84True
V-0045Finishing Material Component #45Finishing16$23.09$369.44False
V-0046Plumbing Material Component #46Plumbing112$214.72$24,048.64True
V-0047Masonry Material Component #47Masonry104$111.30$11,575.20True
V-0048Structural Material Component #48Structural38$56.72$2,155.36False
V-0049Mechanical Material Component #49Mechanical17$282.19$4,797.23True
V-0050Electrical Material Component #50Electrical99$172.87$17,114.13True
V-0051Finishing Material Component #51Finishing50$58.09$2,904.50False
V-0052Plumbing Material Component #52Plumbing140$160.40$22,456.00True
V-0053Masonry Material Component #53Masonry24$20.64$495.36True
V-0054Structural Material Component #54Structural40$301.82$12,072.80False
V-0055Mechanical Material Component #55Mechanical102$314.89$32,118.78True
V-0056Electrical Material Component #56Electrical22$19.00$418.00True
V-0057Finishing Material Component #57Finishing133$219.14$29,145.62False
V-0058Plumbing Material Component #58Plumbing79$111.37$8,798.23True
V-0059Masonry Material Component #59Masonry96$262.60$25,209.60True
V-0060Structural Material Component #60Structural116$267.34$31,011.44False
V-0061Mechanical Material Component #61Mechanical91$187.85$17,094.35True
V-0062Electrical Material Component #62Electrical66$27.69$1,827.54True
V-0063Finishing Material Component #63Finishing118$254.54$30,035.72False
V-0064Plumbing Material Component #64Plumbing62$217.92$13,511.04True
V-0065Masonry Material Component #65Masonry128$81.84$10,475.52True
V-0066Structural Material Component #66Structural53$285.63$15,138.39False
V-0067Mechanical Material Component #67Mechanical105$214.89$22,563.45True
V-0068Electrical Material Component #68Electrical79$211.15$16,680.85True
V-0069Finishing Material Component #69Finishing119$257.92$30,692.48False
V-0070Plumbing Material Component #70Plumbing107$85.40$9,137.80True
V-0071Masonry Material Component #71Masonry145$46.41$6,729.45True
V-0072Structural Material Component #72Structural25$54.94$1,373.50False
V-0073Mechanical Material Component #73Mechanical135$237.65$32,082.75True
V-0074Electrical Material Component #74Electrical113$20.26$2,289.38True
V-0075Finishing Material Component #75Finishing118$306.68$36,188.24False
V-0076Plumbing Material Component #76Plumbing77$109.02$8,394.54True
V-0077Masonry Material Component #77Masonry13$280.71$3,649.23True
V-0078Structural Material Component #78Structural135$255.27$34,461.45False
V-0079Mechanical Material Component #79Mechanical107$288.16$30,833.12True
V-0080Electrical Material Component #80Electrical102$132.74$13,539.48True
V-0081Finishing Material Component #81Finishing94$203.49$19,128.06False
V-0082Plumbing Material Component #82Plumbing10$154.21$1,542.10True
V-0083Masonry Material Component #83Masonry91$97.09$8,835.19True
V-0084Structural Material Component #84Structural50$87.11$4,355.50False
V-0085Mechanical Material Component #85Mechanical20$295.47$5,909.40True
V-0086Electrical Material Component #86Electrical79$283.11$22,365.69True
V-0087Finishing Material Component #87Finishing12$178.73$2,144.76False
V-0088Plumbing Material Component #88Plumbing125$165.54$20,692.50True
V-0089Masonry Material Component #89Masonry60$103.50$6,210.00True
V-0090Structural Material Component #90Structural24$32.24$773.76False
V-0091Mechanical Material Component #91Mechanical3$128.34$385.02True
V-0092Electrical Material Component #92Electrical129$303.10$39,099.90True
V-0093Finishing Material Component #93Finishing107$20.76$2,221.32False
V-0094Plumbing Material Component #94Plumbing117$279.93$32,751.81True
V-0095Masonry Material Component #95Masonry111$250.53$27,808.83True
V-0096Structural Material Component #96Structural138$303.85$41,931.30False
V-0097Mechanical Material Component #97Mechanical15$113.64$1,704.60True
V-0098Electrical Material Component #98Electrical92$124.17$11,423.64True
V-0099Finishing Material Component #99Finishing9$234.88$2,113.92False
V-0100Plumbing Material Component #100Plumbing81$208.79$16,911.99True
V-0101Masonry Material Component #101Masonry57$171.11$9,753.27True
V-0102Structural Material Component #102Structural135$294.71$39,785.85False
V-0103Mechanical Material Component #103Mechanical61$218.08$13,302.88True
V-0104Electrical Material Component #104Electrical36$184.83$6,653.88True
V-0105Finishing Material Component #105Finishing2$140.89$281.78False
V-0106Plumbing Material Component #106Plumbing56$141.67$7,933.52True
V-0107Masonry Material Component #107Masonry107$203.76$21,802.32True
V-0108Structural Material Component #108Structural56$89.20$4,995.20False
V-0109Mechanical Material Component #109Mechanical112$54.44$6,097.28True
V-0110Electrical Material Component #110Electrical111$189.84$21,072.24True
V-0111Finishing Material Component #111Finishing74$163.93$12,130.82False
V-0112Plumbing Material Component #112Plumbing76$128.31$9,751.56True
V-0113Masonry Material Component #113Masonry146$201.01$29,347.46True
V-0114Structural Material Component #114Structural114$248.09$28,282.26False
V-0115Mechanical Material Component #115Mechanical137$161.00$22,057.00True
V-0116Electrical Material Component #116Electrical66$229.38$15,139.08True
V-0117Finishing Material Component #117Finishing113$178.52$20,172.76False
V-0118Plumbing Material Component #118Plumbing104$170.72$17,754.88True
V-0119Masonry Material Component #119Masonry70$318.53$22,297.10True
V-0120Structural Material Component #120Structural77$28.06$2,160.62False
V-0121Mechanical Material Component #121Mechanical120$82.74$9,928.80True
V-0122Electrical Material Component #122Electrical125$113.07$14,133.75True
V-0123Finishing Material Component #123Finishing58$169.82$9,849.56False
V-0124Plumbing Material Component #124Plumbing31$163.66$5,073.46True
V-0125Masonry Material Component #125Masonry143$124.15$17,753.45True
V-0126Structural Material Component #126Structural92$299.93$27,593.56False
V-0127Mechanical Material Component #127Mechanical145$319.99$46,398.55True
V-0128Electrical Material Component #128Electrical20$295.36$5,907.20True
V-0129Finishing Material Component #129Finishing1$178.61$178.61False
V-0130Plumbing Material Component #130Plumbing137$266.31$36,484.47True
V-0131Masonry Material Component #131Masonry133$164.70$21,905.10True
V-0132Structural Material Component #132Structural95$180.02$17,101.90False
V-0133Mechanical Material Component #133Mechanical146$227.13$33,160.98True
V-0134Electrical Material Component #134Electrical99$67.83$6,715.17True
V-0135Finishing Material Component #135Finishing137$285.69$39,139.53False
V-0136Plumbing Material Component #136Plumbing117$257.22$30,094.74True
V-0137Masonry Material Component #137Masonry94$225.50$21,197.00True
V-0138Structural Material Component #138Structural115$92.29$10,613.35False
V-0139Mechanical Material Component #139Mechanical97$65.57$6,360.29True
V-0140Electrical Material Component #140Electrical148$159.66$23,629.68True
V-0141Finishing Material Component #141Finishing59$97.52$5,753.68False
V-0142Plumbing Material Component #142Plumbing119$186.72$22,219.68True
V-0143Masonry Material Component #143Masonry129$176.73$22,798.17True
V-0144Structural Material Component #144Structural108$259.18$27,991.44False
V-0145Mechanical Material Component #145Mechanical60$263.09$15,785.40True
V-0146Electrical Material Component #146Electrical76$308.31$23,431.56True
V-0147Finishing Material Component #147Finishing8$234.97$1,879.76False
V-0148Plumbing Material Component #148Plumbing26$108.76$2,827.76True
V-0149Masonry Material Component #149Masonry90$104.38$9,394.20True
V-0150Structural Material Component #150Structural53$232.40$12,317.20False
V-0151Mechanical Material Component #151Mechanical126$15.16$1,910.16True
V-0152Electrical Material Component #152Electrical85$37.03$3,147.55True
V-0153Finishing Material Component #153Finishing87$276.70$24,072.90False
V-0154Plumbing Material Component #154Plumbing42$101.31$4,255.02True
V-0155Masonry Material Component #155Masonry32$286.98$9,183.36True
V-0156Structural Material Component #156Structural37$272.39$10,078.43False
V-0157Mechanical Material Component #157Mechanical81$151.05$12,235.05True
V-0158Electrical Material Component #158Electrical62$204.88$12,702.56True
V-0159Finishing Material Component #159Finishing104$32.73$3,403.92False
V-0160Plumbing Material Component #160Plumbing101$152.99$15,451.99True
V-0161Masonry Material Component #161Masonry144$288.82$41,590.08True
V-0162Structural Material Component #162Structural118$47.72$5,630.96False
V-0163Mechanical Material Component #163Mechanical54$279.47$15,091.38True
V-0164Electrical Material Component #164Electrical109$303.69$33,102.21True
V-0165Finishing Material Component #165Finishing76$153.12$11,637.12False
V-0166Plumbing Material Component #166Plumbing99$120.64$11,943.36True
V-0167Masonry Material Component #167Masonry124$101.87$12,631.88True
V-0168Structural Material Component #168Structural94$128.36$12,065.84False
V-0169Mechanical Material Component #169Mechanical107$233.83$25,019.81True
V-0170Electrical Material Component #170Electrical146$15.88$2,318.48True
V-0171Finishing Material Component #171Finishing37$146.75$5,429.75False
V-0172Plumbing Material Component #172Plumbing86$177.78$15,289.08True
V-0173Masonry Material Component #173Masonry82$225.87$18,521.34True
V-0174Structural Material Component #174Structural60$202.26$12,135.60False
V-0175Mechanical Material Component #175Mechanical45$186.28$8,382.60True
V-0176Electrical Material Component #176Electrical93$176.05$16,372.65True
V-0177Finishing Material Component #177Finishing94$295.85$27,809.90False
V-0178Plumbing Material Component #178Plumbing111$318.50$35,353.50True
V-0179Masonry Material Component #179Masonry35$150.64$5,272.40True
V-0180Structural Material Component #180Structural109$242.40$26,421.60False
1,000 rows
@using Fx.ControlKit
@using Fx.ControlKit.Grid

<GridControl TValue="VRow"
             DataSource="@Rows"
             AllowSelection="true"
             AllowSorting="true"
             AllowResizing="true"
             AllowColumnReorder="true"
             AllowFiltering="true"
             AllowGrouping="true"
             ShowSearchBar="true"
             Height="460px"
             EnableTypeSearch="true"
             ShowRowSelectionEditColumnCue="true"
             EditSettingsRef="@_editSettings"
             SelectionSettingsRef="@_selectionSettings">
    <GridColumnsBase>
        <GridColumn Field="@nameof(VRow.Code)" HeaderText="Code" Width="95px" AllowEditing="false" />
        <GridColumn Field="@nameof(VRow.Description)" HeaderText="Description" Width="260px" AllowEditing="true" />
        <GridColumn Field="@nameof(VRow.Category)" HeaderText="Category" Width="140px" AllowEditing="true" />
        <GridColumn Field="@nameof(VRow.Qty)" HeaderText="Quantity" Width="95px" Type="ColumnType.Number" TextAlign="TextAlign.Right" AllowEditing="true" />
        <GridColumn Field="@nameof(VRow.Price)" HeaderText="Unit Price" Width="110px" Type="ColumnType.Number" TextAlign="TextAlign.Right" AllowEditing="true" Format="$#,##0.00" />
        <GridColumn Field="@nameof(VRow.Total)" HeaderText="Total Cost" Width="120px" Type="ColumnType.Number" TextAlign="TextAlign.Right" AllowEditing="false" Format="$#,##0.00" />
        <GridColumn Field="@nameof(VRow.InStock)" HeaderText="In Stock" Width="85px" Type="ColumnType.Boolean" TextAlign="TextAlign.Center" AllowEditing="true" />
    </GridColumnsBase>
</GridControl>

@code {
    private List<VRow> Rows { get; set; } = new();

    private readonly GridEditSettings _editSettings = new()
    {
        AllowEditing = true,
        Mode = GridEditMode.Batch,
        BatchEditBehavior = GridBatchEditBehavior.SingleCell,
        AllowSingleCellColumnMassEdit = true
    };

    private readonly GridSelectionSettings _selectionSettings = new()
    {
        Mode = GridSelectionMode.Row,
        Type = GridSelectionType.Multiple
    };

    protected override void OnInitialized()
    {
        Rows = VRowModel.GenerateData(1000);
    }
}

Feature Overview & Architecture Notes

Key Virtualization Features Demonstrated

  • DOM Windowing: Maintains consistent 60 FPS scrolling regardless of whether the dataset contains 100 rows or 50,000 rows.
  • Multi-Edit Fan-Out: Select multiple rows via Shift+Click or Ctrl+Click, then edit any value in the Quantity, Category, or In Stock columns. The change immediately batches across all selected records.
  • Zero External JS Footprint: Virtualization calculations run purely on .NET 10 WebAssembly or Blazor Server circuit with zero third-party JavaScript dependencies.

Core Configuration Properties

Property Type Default Description
Height string "auto" Explicit pixel or percentage height that activates row virtualization windowing.
WindowOverscanRows int 260 Buffer rows maintained above and below the visible viewport to guarantee blank-free scrolling.
EnableTypeSearch bool true Allows the operator to focus any non-editable column and immediately type characters to jump to matching records.
ShowSearchBar bool false Enables the built-in search filter input to quickly query all columns simultaneously.
An unhandled error has occurred. Reload 🗙

Rejoining the server...

Rejoin failed... trying again in seconds.

Failed to rejoin.
Please retry or reload the page.

The session has been paused by the server.

Failed to resume the session.
Please retry or reload the page.