Example of Virtual Scrolling in ASP.NET Core Tree Grid Control

Tree Grid

Scrolling

Virtual Scrolling

This sample demonstrates the TreeGrid component with the virtual scrolling feature. Scroll the TreeGrid content vertically to load rows.

Player Jersey

Player Name

Year

Stint

TMID

TreeGrid_gridcontrol_header_table

1	VINET	1969	397	89
2	TOMSP	1968	409	100
3	HANAR	1969	410	101
4	VICTE	1972	400	92
5	SUPRD	1972	403	92
6	HANAR	1972	413	104
7	CHOPS	1969	397	89
8	QUEDE	1974	415	106
9	RATTC	1976	407	96
10	ERNSH	1978	406	98
11	FOLKO	1977	418	109
12	BLONP	1978	419	110
13	OTTIK	1969	397	89
14	QUICK	1980	421	112
15	VINET	1981	422	113
16	MAGAA	1984	412	104
17	TORTU	1984	415	104
18	MORGK	1984	425	116
19	WARTH	1969	397	89
20	QUICK	1986	427	118
21	QUICK	1988	419	108
22	RICAR	1990	418	110
23	REGGC	1989	430	121
24	BSBEV	1990	431	122
25	RATTC	1969	397	89
26	BLONP	1992	433	124
27	HUNGO	1993	434	125
28	RICAR	1996	424	116
29	MAGAA	1996	427	116
30	WANDK	1996	437	128
31	BERGS	1969	397	89
32	HUNGO	1998	439	130
33	THEBI	2000	431	120
34	DUMON	2002	430	122
35	WANDK	2001	442	133
36	QUICK	2002	443	134
37	LEHMS	1969	397	89
38	ISLAT	2004	445	136
39	PERIC	2005	446	137
40	KOENE	2008	436	128
41	SAVEA	2008	439	128
42	KOENE	2008	449	140
43	COMMI	1969	397	89
44	WARTH	2010	451	142
45	VICTE	2012	443	132
46	HUNGO	2014	442	134
47	PRINI	2013	454	145
48	FRANK	2014	455	146
49	LILAS	1969	397	89
50	QUICK	2016	457	148
51	RATTC	2017	458	149
52	FAMIA	2020	448	140
53	VINET	2020	451	140
54	TOMSP	2020	461	152
55	SUPRD	1969	397	89
56	HILAA	2022	463	154

The TreeGrid UI virtualization allows you to render only rows visible within the view-port without buffering the entire datasource. To enable the virtualization, set enableVirtualization property as true.

By default, enableVirtualMaskRow is set to true. we can change by setting enableVirtualMaskRow property to false.

Note: The height property must be defined when enabling enableVirtualization.

In this demo, Tree Grid is enabled with row virtualization and also perform the CRUD (Add, Edit, Delete, Update) actions.

VirtualScrolling

Example of Virtual Scrolling in ASP.NET Core Tree Grid Control