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.

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
1EnumValue2FirstName1LastName110/25/2025 15:32:1210/25/202515:32e67dc95c-cd13-472d-af4b-d48e7373665eColumn01Column11Column21Column31Column41Column51Column61Column71Column81Column91Column101Column111Column121Column131Column141Column151Column161Column171Column181Column191Column201Column211Column221Column231Column241Column251Column261Column271Column281Column291Column301Column311Column321Column331Column341Column351Column361Column371Column381Column391Column401Column411Column421Column431Column441Column451Column461Column471Column481Column491
2EnumValue1FirstName2LastName211/25/2025 15:32:1211/25/202515:3269b4f3cb-1457-4eb9-856a-39ea405ad2c2Column02Column12Column22Column32Column42Column52Column62Column72Column82Column92Column102Column112Column122Column132Column142Column152Column162Column172Column182Column192Column202Column212Column222Column232Column242Column252Column262Column272Column282Column292Column302Column312Column322Column332Column342Column352Column362Column372Column382Column392Column402Column412Column422Column432Column442Column452Column462Column472Column482Column492
3EnumValue2FirstName3LastName312/25/2025 15:32:1212/25/202515:32735d49ad-be55-4088-9b06-b5781c3c3a08Column03Column13Column23Column33Column43Column53Column63Column73Column83Column93Column103Column113Column123Column133Column143Column153Column163Column173Column183Column193Column203Column213Column223Column233Column243Column253Column263Column273Column283Column293Column303Column313Column323Column333Column343Column353Column363Column373Column383Column393Column403Column413Column423Column433Column443Column453Column463Column473Column483Column493
4EnumValue1FirstName4LastName401/25/2026 15:32:1201/25/202615:32e6ca4666-4d44-4cc7-bb58-87dbcf2e59bcColumn04Column14Column24Column34Column44Column54Column64Column74Column84Column94Column104Column114Column124Column134Column144Column154Column164Column174Column184Column194Column204Column214Column224Column234Column244Column254Column264Column274Column284Column294Column304Column314Column324Column334Column344Column354Column364Column374Column384Column394Column404Column414Column424Column434Column444Column454Column464Column474Column484Column494
5EnumValue2FirstName5LastName502/25/2026 15:32:1202/25/202615:32cec4d216-0a06-47fc-a7db-44677d5aa486Column05Column15Column25Column35Column45Column55Column65Column75Column85Column95Column105Column115Column125Column135Column145Column155Column165Column175Column185Column195Column205Column215Column225Column235Column245Column255Column265Column275Column285Column295Column305Column315Column325Column335Column345Column355Column365Column375Column385Column395Column405Column415Column425Column435Column445Column455Column465Column475Column485Column495
6EnumValue1FirstName6LastName603/25/2026 15:32:1203/25/202615:32c6ff48ac-d4d5-4a12-b95b-bd6d30eab5b5Column06Column16Column26Column36Column46Column56Column66Column76Column86Column96Column106Column116Column126Column136Column146Column156Column166Column176Column186Column196Column206Column216Column226Column236Column246Column256Column266Column276Column286Column296Column306Column316Column326Column336Column346Column356Column366Column376Column386Column396Column406Column416Column426Column436Column446Column456Column466Column476Column486Column496
7EnumValue2FirstName7LastName704/25/2026 15:32:1204/25/202615:325f0c8f29-2399-41ab-a997-d9696ccce115Column07Column17Column27Column37Column47Column57Column67Column77Column87Column97Column107Column117Column127Column137Column147Column157Column167Column177Column187Column197Column207Column217Column227Column237Column247Column257Column267Column277Column287Column297Column307Column317Column327Column337Column347Column357Column367Column377Column387Column397Column407Column417Column427Column437Column447Column457Column467Column477Column487Column497
8EnumValue1FirstName8LastName805/25/2026 15:32:1205/25/202615:329c9b8a15-5da9-4d8a-ac64-ea5dda794aeeColumn08Column18Column28Column38Column48Column58Column68Column78Column88Column98Column108Column118Column128Column138Column148Column158Column168Column178Column188Column198Column208Column218Column228Column238Column248Column258Column268Column278Column288Column298Column308Column318Column328Column338Column348Column358Column368Column378Column388Column398Column408Column418Column428Column438Column448Column458Column468Column478Column488Column498
9EnumValue2FirstName9LastName906/25/2026 15:32:1206/25/202615:32f602e987-2765-4337-917c-febebdc4122aColumn09Column19Column29Column39Column49Column59Column69Column79Column89Column99Column109Column119Column129Column139Column149Column159Column169Column179Column189Column199Column209Column219Column229Column239Column249Column259Column269Column279Column289Column299Column309Column319Column329Column339Column349Column359Column369Column379Column389Column399Column409Column419Column429Column439Column449Column459Column469Column479Column489Column499
All the tools in one place

Code Less. Deliver More.

With Radzen Subscription you get the full toolkit. Get started now and save hours on every project.

task_alt

Complete Blazor development environment.

task_alt

Open technology stack. No vendor lock-in.

task_alt

Ready-to-use UI blocks and app templates.

task_alt

Advanced theming.

task_alt

Dedicated support backed by proven expertise.

task_alt

No hidden runtime costs.

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 🗙