Virtual Scrolling

 
RegionSalesYear-Over-Year ComparisonMarket Share
JanFebMarAprMayJunJulAugSepOctNovDecJanFebMarAprMayJunJulAugSepOctNovDec
Europe
$187,200$194,400$206,400$204,200$214,700$220,100$226,600$231,500$234,300$237,300$241,000$244,7004.70%4.53%5.23%4.31%5.03%4.95%4.81%4.71%
70%
 
 
Austria
$19,000$20,000$22,000$21,000$24,000$25,000$27,000$28,000$29,000$30,000$31,000$32,00010.53%10.00%13.64%7.14%12.50%12.00%11.11%10.71%
92%
 
 
Belgium
$10,500$10,000$9,500$10,000$10,200$10,000$9,800$9,500$8,800$9,200$9,000$8,800-12.38%-15.00%-20.00%-17.00%-13.73%-14.00%-14.29%-15.79%
16%
 
 
Denmark
$18,000$18,500$19,000$19,500$20,000$20,500$21,000$21,500$21,000$20,500$20,000$19,5005.56%5.41%5.26%5.13%5.00%4.88%4.76%4.65%
56%
 
 
France
$20,000$21,000$18,000$22,000$24,000$25,000$26,000$27,000$23,000$28,000$28,500$29,0005.00%4.76%-16.67%6.82%8.33%8.00%7.69%7.41%
51%
 
 
Germany
$28,000$29,000$31,000$30,500$32,000$33,000$34,000$35,000$35,500$36,000$37,000$38,0007.14%6.90%6.45%6.56%6.25%6.06%5.88%5.71%
93%
 
 
Ireland
$8,500$9,000$9,500$9,800$10,200$10,500$10,800$11,000$11,200$11,400$11,600$11,8003.53%3.33%3.16%3.06%2.94%2.86%2.78%2.73%
34%
 
 
Italy
$15,000$15,500$16,500$16,200$17,000$17,500$18,000$18,500$19,000$19,500$20,000$20,5003.33%3.23%3.03%3.09%2.94%2.86%2.78%2.70%
22%
 
 
Netherlands
$8,000$8,300$8,800$8,600$9,000$9,200$9,400$9,500$9,600$9,700$9,800$9,9002.50%2.41%2.27%2.33%2.22%2.17%2.13%2.11%
85%
 
 
Poland
$7,500$7,800$8,500$8,200$8,800$9,000$9,300$9,500$9,700$9,800$10,000$10,2004.00%3.85%3.53%3.66%3.41%3.33%3.23%3.16%
52%
 
 
Romania
$4,200$4,400$4,600$4,700$4,900$5,000$5,100$5,200$5,300$5,400$5,500$5,6004.76%4.55%4.35%4.26%4.08%4.00%3.92%3.85%
30%
 
 
Spain
$10,500$10,800$11,000$11,200$11,000$10,800$10,500$10,200$10,000$9,800$9,600$9,4000.00%0.93%10.91%-4.46%-4.55%-4.63%-4.76%-4.90%
82%
 
 
Switzerland
$8,500$8,800$9,000$9,200$9,500$9,700$10,000$10,200$10,500$10,700$11,000$11,200-2.35%-2.27%7.78%-2.17%-2.11%-2.06%-2.00%-1.96%
14%
 
 
United Kingdom
$13,000$13,300$14,000$13,800$14,300$14,600$15,000$15,200$15,500$15,800$16,000$16,3003.85%3.76%3.57%3.62%3.50%3.42%3.33%3.29%
91%
 
 
Ukraine
$16,000$16,500$17,500$17,000$18,000$18,500$19,000$19,500$20,000$20,500$21,000$21,5006.25%6.06%5.71%5.88%5.56%5.41%5.26%5.13%
60%
Asia
$30,000$31,700$33,300$32,500$34,900$35,800$37,500$38,400$39,300$40,200$41,000$41,8007.33%6.94%6.61%6.77%6.30%6.15%5.87%5.73%
52%
 
 
China
$18,000$19,000$20,000$19,500$21,000$21,500$22,500$23,000$23,500$24,000$24,500$25,0008.33%7.89%7.50%7.69%7.14%6.98%6.67%6.52%
82%
 
 
India
$4,000$4,200$4,500$4,400$4,700$4,800$5,000$5,200$5,300$5,400$5,500$5,6005.00%4.76%4.44%4.55%4.26%4.17%4.00%3.85%
44%
 
 
Japan
$8,000$8,500$8,800$8,600$9,200$9,500$10,000$10,200$10,500$10,800$11,000$11,2006.25%5.88%5.68%5.81%5.43%5.26%5.00%4.90%
70%
Oceania
$9,500$9,750$10,000$10,250$10,400$10,550$10,700$10,850$10,900$10,950$11,000$11,0503.16%3.08%3.00%2.93%2.88%2.84%2.80%2.76%
80%
Data grid with 39 rows and 28 columns
0 rows are selected

This sample illustrates the capabilities of our Blazor TreeList when virtual scrolling mode is enabled within a DevExpress-powered app (VirtualScrollingEnabled is true). As you can see, virtual scrolling allows our Blazor TreeList to render only a subset of rows/columns based on viewport size and loads additional cells dynamically as you scroll. Use this mode to optimize usability/performance when a TreeList is bound to a large data source.

Options:

  • Virtual Scrolling Mode — Select whether the TreeList virtualizes rows, columns, or both.
  • Skeleton Rows — Use skeleton rendering for rows while values are being loaded.
  • Wrap Text — Keep disabled if rendering speed is of utmost concern (ensures that each row has the same height).