Radzen Blazor Components

Our Black Friday offer is live! Apply code BLACKFRIDAY2025 at checkout and save $100. See Pricing

DataGrid dynamic data support

Sometimes your data comes from external API and you don't have a C# model for it. This demo shows how to implement such a scenario.

In this demo the grid binds to IDictionary<string, object> with 100 rows and 58 dynamically generated columns including various types (int, enum, string, DateTime, DateOnly, TimeOnly, Guid), demonstrating filtering and sorting on unknown schemas using PropertyAccess.GetDynamicPropertyExpression.

Employee IDfilter_alt
MyColumnfilter_alt
FirstNamefilter_alt
LastNamefilter_alt
HireDatefilter_alt
DateOnlyfilter_alt
TimeOnlyfilter_alt
UIDfilter_alt
Column0filter_alt
Column1filter_alt
Column2filter_alt
Column3filter_alt
Column4filter_alt
Column5filter_alt
Column6filter_alt
Column7filter_alt
Column8filter_alt
Column9filter_alt
Column10filter_alt
Column11filter_alt
Column12filter_alt
Column13filter_alt
Column14filter_alt
Column15filter_alt
Column16filter_alt
Column17filter_alt
Column18filter_alt
Column19filter_alt
Column20filter_alt
Column21filter_alt
Column22filter_alt
Column23filter_alt
Column24filter_alt
Column25filter_alt
Column26filter_alt
Column27filter_alt
Column28filter_alt
Column29filter_alt
Column30filter_alt
Column31filter_alt
Column32filter_alt
Column33filter_alt
Column34filter_alt
Column35filter_alt
Column36filter_alt
Column37filter_alt
Column38filter_alt
Column39filter_alt
Column40filter_alt
Column41filter_alt
Column42filter_alt
Column43filter_alt
Column44filter_alt
Column45filter_alt
Column46filter_alt
Column47filter_alt
Column48filter_alt
Column49filter_alt
FirstName0LastName0Column00Column10Column20Column30Column40Column50Column60Column70Column80Column90Column100Column110Column120Column130Column140Column150Column160Column170Column180Column190Column200Column210Column220Column230Column240Column250Column260Column270Column280Column290Column300Column310Column320Column330Column340Column350Column360Column370Column380Column390Column400Column410Column420Column430Column440Column450Column460Column470Column480Column490
1EnumValue2FirstName1LastName112/25/2025 17:49:1912/25/202517:49f309e957-0c98-454e-9cb8-ca20c3c9981aColumn01Column11Column21Column31Column41Column51Column61Column71Column81Column91Column101Column111Column121Column131Column141Column151Column161Column171Column181Column191Column201Column211Column221Column231Column241Column251Column261Column271Column281Column291Column301Column311Column321Column331Column341Column351Column361Column371Column381Column391Column401Column411Column421Column431Column441Column451Column461Column471Column481Column491
2EnumValue1FirstName2LastName201/25/2026 17:49:1901/25/202617:495e670455-8f31-4cad-a252-cabb7b7fd079Column02Column12Column22Column32Column42Column52Column62Column72Column82Column92Column102Column112Column122Column132Column142Column152Column162Column172Column182Column192Column202Column212Column222Column232Column242Column252Column262Column272Column282Column292Column302Column312Column322Column332Column342Column352Column362Column372Column382Column392Column402Column412Column422Column432Column442Column452Column462Column472Column482Column492
3EnumValue2FirstName3LastName302/25/2026 17:49:1902/25/202617:49cb91b12c-d032-47b1-92c0-56da8b41fd50Column03Column13Column23Column33Column43Column53Column63Column73Column83Column93Column103Column113Column123Column133Column143Column153Column163Column173Column183Column193Column203Column213Column223Column233Column243Column253Column263Column273Column283Column293Column303Column313Column323Column333Column343Column353Column363Column373Column383Column393Column403Column413Column423Column433Column443Column453Column463Column473Column483Column493
4EnumValue1FirstName4LastName403/25/2026 17:49:1903/25/202617:4959accd04-5294-46b5-a84a-0011b214fab3Column04Column14Column24Column34Column44Column54Column64Column74Column84Column94Column104Column114Column124Column134Column144Column154Column164Column174Column184Column194Column204Column214Column224Column234Column244Column254Column264Column274Column284Column294Column304Column314Column324Column334Column344Column354Column364Column374Column384Column394Column404Column414Column424Column434Column444Column454Column464Column474Column484Column494
5EnumValue2FirstName5LastName504/25/2026 17:49:1904/25/202617:4990d7ba59-d053-4d57-92d3-c64aa5d1c4a6Column05Column15Column25Column35Column45Column55Column65Column75Column85Column95Column105Column115Column125Column135Column145Column155Column165Column175Column185Column195Column205Column215Column225Column235Column245Column255Column265Column275Column285Column295Column305Column315Column325Column335Column345Column355Column365Column375Column385Column395Column405Column415Column425Column435Column445Column455Column465Column475Column485Column495
6EnumValue1FirstName6LastName605/25/2026 17:49:1905/25/202617:493a2177b5-1098-4dad-ad78-b87cee429389Column06Column16Column26Column36Column46Column56Column66Column76Column86Column96Column106Column116Column126Column136Column146Column156Column166Column176Column186Column196Column206Column216Column226Column236Column246Column256Column266Column276Column286Column296Column306Column316Column326Column336Column346Column356Column366Column376Column386Column396Column406Column416Column426Column436Column446Column456Column466Column476Column486Column496
7EnumValue2FirstName7LastName706/25/2026 17:49:1906/25/202617:495c747aca-f94b-4772-91a4-920ed26acd34Column07Column17Column27Column37Column47Column57Column67Column77Column87Column97Column107Column117Column127Column137Column147Column157Column167Column177Column187Column197Column207Column217Column227Column237Column247Column257Column267Column277Column287Column297Column307Column317Column327Column337Column347Column357Column367Column377Column387Column397Column407Column417Column427Column437Column447Column457Column467Column477Column487Column497
8EnumValue1FirstName8LastName807/25/2026 17:49:1907/25/202617:49da58cd97-1887-4b1a-ad53-682628a40c8dColumn08Column18Column28Column38Column48Column58Column68Column78Column88Column98Column108Column118Column128Column138Column148Column158Column168Column178Column188Column198Column208Column218Column228Column238Column248Column258Column268Column278Column288Column298Column308Column318Column328Column338Column348Column358Column368Column378Column388Column398Column408Column418Column428Column438Column448Column458Column468Column478Column488Column498
9EnumValue2FirstName9LastName908/25/2026 17:49:1908/25/202617:49ab229731-020b-4e9f-a108-a745fd88c9d9Column09Column19Column29Column39Column49Column59Column69Column79Column89Column99Column109Column119Column129Column139Column149Column159Column169Column179Column189Column199Column209Column219Column229Column239Column249Column259Column269Column279Column289Column299Column309Column319Column329Column339Column349Column359Column369Column379Column389Column399Column409Column419Column429Column439Column449Column459Column469Column479Column489Column499
All the tools in one place

Save Hours on Every Project

With Radzen Blazor subscription you get the full toolkit, including:

support

Dedicated support backed by proven expertise

palette

Premium themes and theme editor

widgets

Ready-to-use UI blocks

dashboard_customize

Complete app templates

format_shapes

Visual design-time-experience

Radzen Blazor Studio

Radzen Blazor Components, © 2018-2025 Radzen.
Source Code licensed under MIT

Demos Configuration

Premium Themes

  • Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark

Free Themes

  • Material
  • Material Dark
  • Standard
  • Standard Dark
  • Default
  • Dark
  • Humanistic
  • Humanistic Dark
  • Software
  • Software Dark
An error has occurred. This app may no longer respond until reloaded. Reload 🗙