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
1EnumValue2FirstName1LastName111/10/2025 03:56:4811/10/202503:566289a013-5262-4f07-b758-dd0d514f69deColumn01Column11Column21Column31Column41Column51Column61Column71Column81Column91Column101Column111Column121Column131Column141Column151Column161Column171Column181Column191Column201Column211Column221Column231Column241Column251Column261Column271Column281Column291Column301Column311Column321Column331Column341Column351Column361Column371Column381Column391Column401Column411Column421Column431Column441Column451Column461Column471Column481Column491
2EnumValue1FirstName2LastName212/10/2025 03:56:4812/10/202503:5666bd2f0a-cf55-4eb7-83ca-54d7e95d33a1Column02Column12Column22Column32Column42Column52Column62Column72Column82Column92Column102Column112Column122Column132Column142Column152Column162Column172Column182Column192Column202Column212Column222Column232Column242Column252Column262Column272Column282Column292Column302Column312Column322Column332Column342Column352Column362Column372Column382Column392Column402Column412Column422Column432Column442Column452Column462Column472Column482Column492
3EnumValue2FirstName3LastName301/10/2026 03:56:4801/10/202603:56d6e7b3fd-9439-426a-986a-6712a41e2486Column03Column13Column23Column33Column43Column53Column63Column73Column83Column93Column103Column113Column123Column133Column143Column153Column163Column173Column183Column193Column203Column213Column223Column233Column243Column253Column263Column273Column283Column293Column303Column313Column323Column333Column343Column353Column363Column373Column383Column393Column403Column413Column423Column433Column443Column453Column463Column473Column483Column493
4EnumValue1FirstName4LastName402/10/2026 03:56:4802/10/202603:5652fb9951-01fc-4759-8353-22976ce402e7Column04Column14Column24Column34Column44Column54Column64Column74Column84Column94Column104Column114Column124Column134Column144Column154Column164Column174Column184Column194Column204Column214Column224Column234Column244Column254Column264Column274Column284Column294Column304Column314Column324Column334Column344Column354Column364Column374Column384Column394Column404Column414Column424Column434Column444Column454Column464Column474Column484Column494
5EnumValue2FirstName5LastName503/10/2026 03:56:4803/10/202603:569474707a-a012-49e2-9fb6-1bcd48edc8b7Column05Column15Column25Column35Column45Column55Column65Column75Column85Column95Column105Column115Column125Column135Column145Column155Column165Column175Column185Column195Column205Column215Column225Column235Column245Column255Column265Column275Column285Column295Column305Column315Column325Column335Column345Column355Column365Column375Column385Column395Column405Column415Column425Column435Column445Column455Column465Column475Column485Column495
6EnumValue1FirstName6LastName604/10/2026 03:56:4804/10/202603:561f63e1f7-9c13-488d-a276-3bcbda20dc16Column06Column16Column26Column36Column46Column56Column66Column76Column86Column96Column106Column116Column126Column136Column146Column156Column166Column176Column186Column196Column206Column216Column226Column236Column246Column256Column266Column276Column286Column296Column306Column316Column326Column336Column346Column356Column366Column376Column386Column396Column406Column416Column426Column436Column446Column456Column466Column476Column486Column496
7EnumValue2FirstName7LastName705/10/2026 03:56:4805/10/202603:560726adfa-19e9-4231-a66c-e29a805cc005Column07Column17Column27Column37Column47Column57Column67Column77Column87Column97Column107Column117Column127Column137Column147Column157Column167Column177Column187Column197Column207Column217Column227Column237Column247Column257Column267Column277Column287Column297Column307Column317Column327Column337Column347Column357Column367Column377Column387Column397Column407Column417Column427Column437Column447Column457Column467Column477Column487Column497
8EnumValue1FirstName8LastName806/10/2026 03:56:4806/10/202603:566b8e9edb-d1ac-4c43-aba9-49b699a44ff7Column08Column18Column28Column38Column48Column58Column68Column78Column88Column98Column108Column118Column128Column138Column148Column158Column168Column178Column188Column198Column208Column218Column228Column238Column248Column258Column268Column278Column288Column298Column308Column318Column328Column338Column348Column358Column368Column378Column388Column398Column408Column418Column428Column438Column448Column458Column468Column478Column488Column498
9EnumValue2FirstName9LastName907/10/2026 03:56:4807/10/202603:568e508954-f676-4530-b269-cfd3ef403279Column09Column19Column29Column39Column49Column59Column69Column79Column89Column99Column109Column119Column129Column139Column149Column159Column169Column179Column189Column199Column209Column219Column229Column239Column249Column259Column269Column279Column289Column299Column309Column319Column329Column339Column349Column359Column369Column379Column389Column399Column409Column419Column429Column439Column449Column459Column469Column479Column489Column499
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 🗙