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.

EmployeeIDfilter_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/30/2024 18:21:0311/30/202418:21977b92db-7abe-4e48-8ff0-d9ec86c6a034Column01Column11Column21Column31Column41Column51Column61Column71Column81Column91Column101Column111Column121Column131Column141Column151Column161Column171Column181Column191Column201Column211Column221Column231Column241Column251Column261Column271Column281Column291Column301Column311Column321Column331Column341Column351Column361Column371Column381Column391Column401Column411Column421Column431Column441Column451Column461Column471Column481Column491
2EnumValue1FirstName2LastName212/30/2024 18:21:0312/30/202418:219aa8f848-c9c4-4520-afb0-f23d5f9c0b9fColumn02Column12Column22Column32Column42Column52Column62Column72Column82Column92Column102Column112Column122Column132Column142Column152Column162Column172Column182Column192Column202Column212Column222Column232Column242Column252Column262Column272Column282Column292Column302Column312Column322Column332Column342Column352Column362Column372Column382Column392Column402Column412Column422Column432Column442Column452Column462Column472Column482Column492
3EnumValue2FirstName3LastName301/30/2025 18:21:0301/30/202518:2193584676-4009-4af5-8d14-1cdbf97cc409Column03Column13Column23Column33Column43Column53Column63Column73Column83Column93Column103Column113Column123Column133Column143Column153Column163Column173Column183Column193Column203Column213Column223Column233Column243Column253Column263Column273Column283Column293Column303Column313Column323Column333Column343Column353Column363Column373Column383Column393Column403Column413Column423Column433Column443Column453Column463Column473Column483Column493
4EnumValue1FirstName4LastName402/28/2025 18:21:0302/28/202518:214d735e81-0ffe-4e09-83d0-2095b65651ddColumn04Column14Column24Column34Column44Column54Column64Column74Column84Column94Column104Column114Column124Column134Column144Column154Column164Column174Column184Column194Column204Column214Column224Column234Column244Column254Column264Column274Column284Column294Column304Column314Column324Column334Column344Column354Column364Column374Column384Column394Column404Column414Column424Column434Column444Column454Column464Column474Column484Column494
5EnumValue2FirstName5LastName503/30/2025 18:21:0303/30/202518:21384953a0-0258-46e6-8dc7-37b89ee5d844Column05Column15Column25Column35Column45Column55Column65Column75Column85Column95Column105Column115Column125Column135Column145Column155Column165Column175Column185Column195Column205Column215Column225Column235Column245Column255Column265Column275Column285Column295Column305Column315Column325Column335Column345Column355Column365Column375Column385Column395Column405Column415Column425Column435Column445Column455Column465Column475Column485Column495
6EnumValue1FirstName6LastName604/30/2025 18:21:0304/30/202518:21f2034814-dd48-4328-bc2f-596dc888ac61Column06Column16Column26Column36Column46Column56Column66Column76Column86Column96Column106Column116Column126Column136Column146Column156Column166Column176Column186Column196Column206Column216Column226Column236Column246Column256Column266Column276Column286Column296Column306Column316Column326Column336Column346Column356Column366Column376Column386Column396Column406Column416Column426Column436Column446Column456Column466Column476Column486Column496
7EnumValue2FirstName7LastName705/30/2025 18:21:0305/30/202518:21192098c5-654a-4db4-9a99-cd173e9aafb8Column07Column17Column27Column37Column47Column57Column67Column77Column87Column97Column107Column117Column127Column137Column147Column157Column167Column177Column187Column197Column207Column217Column227Column237Column247Column257Column267Column277Column287Column297Column307Column317Column327Column337Column347Column357Column367Column377Column387Column397Column407Column417Column427Column437Column447Column457Column467Column477Column487Column497
8EnumValue1FirstName8LastName806/30/2025 18:21:0306/30/202518:21ff0c93ad-489d-4aa7-893d-61bc1dcb8554Column08Column18Column28Column38Column48Column58Column68Column78Column88Column98Column108Column118Column128Column138Column148Column158Column168Column178Column188Column198Column208Column218Column228Column238Column248Column258Column268Column278Column288Column298Column308Column318Column328Column338Column348Column358Column368Column378Column388Column398Column408Column418Column428Column438Column448Column458Column468Column478Column488Column498
9EnumValue2FirstName9LastName907/30/2025 18:21:0307/30/202518:21e944d390-b32a-41c7-8c71-7f101b458932Column09Column19Column29Column39Column49Column59Column69Column79Column89Column99Column109Column119Column129Column139Column149Column159Column169Column179Column189Column199Column209Column219Column229Column239Column249Column259Column269Column279Column289Column299Column309Column319Column329Column339Column349Column359Column369Column379Column389Column399Column409Column419Column429Column439Column449Column459Column469Column479Column489Column499

Supercharge your Blazor development with Radzen Blazor Studio

Radzen Blazor Studio is a software development environment that empowers developers to design, build and deploy Blazor applications without the traditional hurdles. Write less code and get more done.

open_in_new Learn More
>Radzen Blazor Studio

Radzen Blazor Components, © 2018-2024 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 🗙