Radzen Blazor Components

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
1EnumValue2FirstName1LastName101/09/2026 17:21:1901/09/202617:21f05fd89a-af5b-41b0-8960-7da7c1340d03Column01Column11Column21Column31Column41Column51Column61Column71Column81Column91Column101Column111Column121Column131Column141Column151Column161Column171Column181Column191Column201Column211Column221Column231Column241Column251Column261Column271Column281Column291Column301Column311Column321Column331Column341Column351Column361Column371Column381Column391Column401Column411Column421Column431Column441Column451Column461Column471Column481Column491
2EnumValue1FirstName2LastName202/09/2026 17:21:1902/09/202617:21984e5407-6ad1-4034-bd78-c1d2a37d38c7Column02Column12Column22Column32Column42Column52Column62Column72Column82Column92Column102Column112Column122Column132Column142Column152Column162Column172Column182Column192Column202Column212Column222Column232Column242Column252Column262Column272Column282Column292Column302Column312Column322Column332Column342Column352Column362Column372Column382Column392Column402Column412Column422Column432Column442Column452Column462Column472Column482Column492
3EnumValue2FirstName3LastName303/09/2026 17:21:1903/09/202617:218afad26b-53b3-4b1b-9b67-5a5b3aa087f2Column03Column13Column23Column33Column43Column53Column63Column73Column83Column93Column103Column113Column123Column133Column143Column153Column163Column173Column183Column193Column203Column213Column223Column233Column243Column253Column263Column273Column283Column293Column303Column313Column323Column333Column343Column353Column363Column373Column383Column393Column403Column413Column423Column433Column443Column453Column463Column473Column483Column493
4EnumValue1FirstName4LastName404/09/2026 17:21:1904/09/202617:21550f5d7f-8104-4f6e-9138-b8984d66a974Column04Column14Column24Column34Column44Column54Column64Column74Column84Column94Column104Column114Column124Column134Column144Column154Column164Column174Column184Column194Column204Column214Column224Column234Column244Column254Column264Column274Column284Column294Column304Column314Column324Column334Column344Column354Column364Column374Column384Column394Column404Column414Column424Column434Column444Column454Column464Column474Column484Column494
5EnumValue2FirstName5LastName505/09/2026 17:21:1905/09/202617:21d667fb03-092b-4a7a-9b78-e8170a637a6bColumn05Column15Column25Column35Column45Column55Column65Column75Column85Column95Column105Column115Column125Column135Column145Column155Column165Column175Column185Column195Column205Column215Column225Column235Column245Column255Column265Column275Column285Column295Column305Column315Column325Column335Column345Column355Column365Column375Column385Column395Column405Column415Column425Column435Column445Column455Column465Column475Column485Column495
6EnumValue1FirstName6LastName606/09/2026 17:21:1906/09/202617:2161722413-fc2e-4799-8816-92cadfa13bf6Column06Column16Column26Column36Column46Column56Column66Column76Column86Column96Column106Column116Column126Column136Column146Column156Column166Column176Column186Column196Column206Column216Column226Column236Column246Column256Column266Column276Column286Column296Column306Column316Column326Column336Column346Column356Column366Column376Column386Column396Column406Column416Column426Column436Column446Column456Column466Column476Column486Column496
7EnumValue2FirstName7LastName707/09/2026 17:21:1907/09/202617:21a029d600-90af-451a-8bff-07e909f249f9Column07Column17Column27Column37Column47Column57Column67Column77Column87Column97Column107Column117Column127Column137Column147Column157Column167Column177Column187Column197Column207Column217Column227Column237Column247Column257Column267Column277Column287Column297Column307Column317Column327Column337Column347Column357Column367Column377Column387Column397Column407Column417Column427Column437Column447Column457Column467Column477Column487Column497
8EnumValue1FirstName8LastName808/09/2026 17:21:1908/09/202617:218e69421c-0060-4461-a116-0c17bd9887f1Column08Column18Column28Column38Column48Column58Column68Column78Column88Column98Column108Column118Column128Column138Column148Column158Column168Column178Column188Column198Column208Column218Column228Column238Column248Column258Column268Column278Column288Column298Column308Column318Column328Column338Column348Column358Column368Column378Column388Column398Column408Column418Column428Column438Column448Column458Column468Column478Column488Column498
9EnumValue2FirstName9LastName909/09/2026 17:21:1909/09/202617:213e347938-126e-436e-bcf0-ddcba5293765Column09Column19Column29Column39Column49Column59Column69Column79Column89Column99Column109Column119Column129Column139Column149Column159Column169Column179Column189Column199Column209Column219Column229Column239Column249Column259Column269Column279Column289Column299Column309Column319Column329Column339Column349Column359Column369Column379Column389Column399Column409Column419Column429Column439Column449Column459Column469Column479Column489Column499
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 🗙