Blazor DataGrid in .NET 8 🔥

🚀 Join the .NET Web Academy: learn.dotnetwebacademy.com
💖 Support me on Patreon for exclusive source code access: / _patrickgod
🚀 Get the .NET 8 Web Dev Jump-Start Course for FREE: dotnet8.patrickgod.com
🐦 Let's get social on Twitter/X: / _patrickgod
🔗 Let's connect on LinkedIn: / patrickgod
🔥 Blazor E-Commerce Course: www.udemy.com/course/blazor-e...
🔥 Blazor Bootcamp: www.udemy.com/course/blazor-w...
🚀 .NET Jumpstart Course: www.udemy.com/course/net-core...
💻 GitHub: github.com/patrickgod/BlazorG...
Table of Contents:
00:00 Blazor DataGrid in .NET 8
00:28 Create the Project
01:54 Add the NuGet Package
03:04 First QuickGrid Implementations
06:35 Column Titles
07:15 Format
07:41 Sorting
08:17 Column Options & Template Columns
13:32 Pagination
#DotNet #Blazor #PatrickGod

Пікірлер: 46

  • @dotnetdevni
    @dotnetdevni Жыл бұрын

    Its a good starting point for other developers to add stuff ot the grid i feel grids for far to long have been left to telerik or synfusion

  • @raphaellukas3328
    @raphaellukas3328 Жыл бұрын

    Ein weiteres tolles Video. Vielen Dank für all die Mühe die Sie hineinstecken 🙂

  • @abouttimebrewing3215
    @abouttimebrewing3215 Жыл бұрын

    Excellent! Right to the point, no history of Microsoft and .NET. Thank you for giving me simple, straight answers.

  • @joaoalbertofn
    @joaoalbertofn Жыл бұрын

    Happy birthday Patrick. I was looking for a straight forward example of QuickGrid. Thanks.

  • @PatrickGod

    @PatrickGod

    Жыл бұрын

    Thanks! 😊

  • @perhejndorf3613
    @perhejndorf361310 ай бұрын

    Short and sweet! Creating an editable grid would be a great subject for the next video 😉

  • @liorocker1
    @liorocker1 Жыл бұрын

    .NET 8 bringing on cool stuff as it should 🤓 Thanks Patrick 🥳

  • @mrasoft7184
    @mrasoft7184 Жыл бұрын

    👍 Any plans to make a next video on Blazor's DataGrid? If so, interesting topics would be how to pass parameters from the DataGrid to a detail screen and how to customize the look and feel using its css.

  • @DanielEliasKana
    @DanielEliasKana Жыл бұрын

    Thanks Patrick! keep the good content.

  • @CRBarchager
    @CRBarchager Жыл бұрын

    Grats on your 40k subs and your birthday, Patrick.

  • @PatrickGod

    @PatrickGod

    Жыл бұрын

    Thank you! 😊

  • @michaelrafales2782
    @michaelrafales2782Ай бұрын

    Thank you!

  • @luisfernandodeolazabalsche3317
    @luisfernandodeolazabalsche3317 Жыл бұрын

    Muchas gracias.

  • @modelo70hehe
    @modelo70hehe10 ай бұрын

    Obrigado. Você salvou meu dia.

  • @imadabab
    @imadabab Жыл бұрын

    Excellent Video. Thanks a lot.

  • @joaogabrielv.m328
    @joaogabrielv.m328 Жыл бұрын

    I'm a simple man. Patrick posts a video, i come to the video to give a thumbs up. Keep up, mate :)

  • @PatrickGod

    @PatrickGod

    Жыл бұрын

    Thank you so much! 😊

  • @andyz6416
    @andyz641610 ай бұрын

    yeah, very good, thank you!

  • @scubaaddict
    @scubaaddict4 ай бұрын

    Great content, Can you use a modal popup with the quickgrid?

  • @kourosh234
    @kourosh23411 ай бұрын

    It should have bootstrap as default styling if you want to copy and paste an existing row, use ctrl+d

  • @GIMMY2K1
    @GIMMY2K13 ай бұрын

    Very nice. How can I add the easy reading (the lines with the alternating gray and white background)

  • @dfmf1982
    @dfmf1982 Жыл бұрын

    Excellent, what is you computer specification and also do you have course net maui with blazor.

  • @joeyguerrieri3710
    @joeyguerrieri3710Ай бұрын

    Very good video, Do you know if they have a print function to print the datagrid?

  • @MachineofLight
    @MachineofLight Жыл бұрын

    Happy belated birthday!

  • @PatrickGod

    @PatrickGod

    Жыл бұрын

    Thank you! 😅

  • @timaltonji8036
    @timaltonji80368 ай бұрын

    Very good. I would like to see how to make the column headers fixed. position: sticky ??

  • @Macuarroz
    @Macuarroz11 ай бұрын

    thanks

  • @maurieezzz
    @maurieezzz Жыл бұрын

    Tailwind css in blazer would be great!

  • @jabulanimsomi2022
    @jabulanimsomi20227 ай бұрын

    Thank you for the video. I tried loading 6000 records but it took sometime to load. Can you please do a video on how we can handle large datasets using the grid

  • @salmanahmedkhan3979
    @salmanahmedkhan3979 Жыл бұрын

    Awesome

  • @pankitpatel1987
    @pankitpatel19877 ай бұрын

    can you do Is it possible to achieve this using Virtualize? I am currently unable to write a demo code for it due to limited expertise with Acuity.

  • @mahartaimur8366
    @mahartaimur8366 Жыл бұрын

    Please upload how can we integrade chatgpt with our custom data into blazor webassembly

  • @guillermomazzari8320
    @guillermomazzari8320 Жыл бұрын

    Please do more tailwind + blazor videos

  • @karthik-vignesh-k
    @karthik-vignesh-k5 ай бұрын

    Is there a way to select all rows in a syncfusion.ej2.blazor.grids component? been searching for a while now and not able to find. Any help is greatly appreciated.

  • @user-ok1sz3fv7e
    @user-ok1sz3fv7e Жыл бұрын

    could you make a tutirial for how to use microsoft identity and how to impliment google / facebook SSO with angular ?

  • @eltrading
    @eltrading Жыл бұрын

    Can we edit the datagrid like win form ?

  • @jinparksoul
    @jinparksoul Жыл бұрын

    Preview 4 just dropped today with some more Blazor changes.

  • @ceosmangumus
    @ceosmangumus Жыл бұрын

    Anyone known if row selection is available somehow, or have to make custom column for that?

  • @BloodVinksz
    @BloodVinksz11 ай бұрын

    Why in my paging, the state is not working?

  • @edscorreia
    @edscorreia Жыл бұрын

    Hi Patrick. I am from Brazil, first of all congratulations for sharing this excellent content, I learned a lot from your videos. I really liked this new component, one thing I do a lot in grid, is to leave a highlighted line with a colour, for example, if the temperature is below -20 put the background colour of the line in yellow. Is it possible to do this in QuickGrid? Thanks for your help!

  • @PatrickGod

    @PatrickGod

    Жыл бұрын

    Hi Edson, unfortunately, it seems this is not possible for now. But, you might want to push this issue on GitHub: github.com/dotnet/aspnetcore/issues/45477 Cheers!

  • @istovall2624
    @istovall2624 Жыл бұрын

    Damn just got done making my own. :( lol owell

  • @hsiungfeisun1307
    @hsiungfeisun1307 Жыл бұрын

    This thing looks a lot like MudBlazor DataGrid

  • @wassollderscheiss33
    @wassollderscheiss332 ай бұрын

    Is this even useful if there are no events? Every real world application would absolutely need those.

  • @ferdicuyar814
    @ferdicuyar8148 ай бұрын

    why cant i use sorting and paging in my .net 8 project

  • @ferdicuyar814

    @ferdicuyar814

    8 ай бұрын

    I solved it may be someone will see and use it; @rendermode InteractiveServer @* @attribute [StreamRendering] *@ it does not work on streamrendering