Sort, Filter & Show Data with this Free DataGrid Control for .NET MAUI
ฝัง
- เผยแพร่เมื่อ 4 ส.ค. 2024
- A DataGrid control that allows you to sort, filter, fully customize columns and more for .NET MAUI? And did I mention it's free as well?! Check out this video to learn about Maui.DataGrid and see what it is all about.
💝 Join this channel to get access to perks:
th-cam.com/channels/ral.html...
Disclaimer: this channel is done on personal title, in my free time, and not officially affiliated with or endorsed by Microsoft (my employer) in any way. Opinions and views are my own.
🛑 Don't forget to subscribe to my channel for more cool content: th-cam.com/users/GeraldVerslui...
🐦 Follow me on Twitter: / jfversluis
🤝 Join the Discord server: / discord
🔗 Links
Sample Code Repo: github.com/jfversluis/MauiDat...
Maui.DataGrid Repo: github.com/akgulebubekir/Maui...
⏱ Timestamps
0:00 - Maui.DataGrid for .NET MAUI Apps
0:37 - Why No DataGrid in .NET MAUI?
2:00 - Install Maui.DataGrid Plugin
3:41 - Implement DataGrid in XAML
6:45 - Explore DataGrid APIs
9:10 - DataBinding & Templates in DataGrid
12:25 - Live Demo on Android
14:29 - Closing Thoughts on DataGrid
🙋♂️ Also find my...
Blog: blog.verslu.is
Social handles: jfversluis.dev
#maui #datagrid #plugin #dotnet #dotnetmaui - วิทยาศาสตร์และเทคโนโลยี
Looking for more amazing plugins that will make your .NET MAUI development life easier? Have a look at this barcode scanner for example 👉 th-cam.com/video/ostgj2xB_ok/w-d-xo.html
Uauu..I already have plans for this control. Thanks for sharing.
Ooh please do share!
Very Nice. Thanks for keeping us updated.
Sure thing Anand!
great video (again) .. thanks Gerald
Syncfusion tutorial would be great!
I just installed it.
Seems to work great.
The result is very good! Thanks
There is a lot of potential in this control! Keep your eye on it!
You should make more tutorials like this one. Mostly at my current job I work with Angular and C#, but I have always been interested in learning more about MAUI. :)
That is awesome, welcome to the wonderful world of .NET MAUI! What would you like to see? There are quite some tutorials like this one on this channel already!
@@jfversluis In my opinion, one of the most difficult things when trying MAUI is understanding XAML, especially when many people who have developed UI come from environments where web technologies are used.
So my challenge for you to increase the ecosystem would be to make a video with the idea: introduction to xaml and MAUI for web developers. And to transpose the way of thinking from web development to MAUI (xaml).
It would be great if you could present the following about XAML:
1. Most of the components and layouts.
2. Customizing components and creating styles that can be reused.
3. A clean method of navigation from one page to another.
4. What does it mean to create responsive design in xaml? In css we can use
media query for various resolutions. Here what would be the solution in xaml? etc.
I hope you like my idea. In general, I would like to support the development of native applications due to performance and not only that. I know that web applications predominate even on the desktop (electron).
I enjoy the content offered and I wish you much success, thanks for your reply.
Ура. Снова мега круто!!! Большое спасибо!! Продолжай в том же духе!!!
Thank you so much! Appreciate you watching and the kind words!
I can see imagine some cases where this Free DataGrid can be used because it has the built-in functionality to sort & filter data by columns. It is always good to have another control in the toolbox.
Absolutely! It’s good to have options!
You are awesome bro. I was getting error in Width as it's type is GridLength from your code I get an idea to use GridLengthConverter attribute over Width property that resolved my error. Thanks a lot bro❤❤❤
Thanks for sharing, is there any method to highlight rows if grid data meets some conditions? For example, the same location data needs to be highlighted in the same color
So I installed the control. First off it does not handle scrolling at all. In Windows it show the number of rows that fit but adding a to it does not allow for scrolling. And then we see that it will not work at all with the control. The heading is shown but no data (data accessed in same way), I am simply changing the debugging host from Windows to Pixel 5
Hi,can you explain how to extract sub part of that monkey list in another page as user input
First of all, a brilliant video, as always. I want to write a web service of sorts using visual studio web services that returns data just like the one you are using (ie montemagno). Do you have or know of any tutorial that can show me?
Can a datagrid column be the index of the data? Or can you only display the properties of the Binded object?
Hey, Gerald. I've been watching your vids on Maui, great stuff! Thank you for the content. My simple question is, how do the Xamarin vids translate to the Maui versions? I am looking to incorporate biometrics/fingerprint authentication into my Maui app, but cant be sure that the info you provided a year ago or more about this will work the same for Maui.
Thanks Carlos! It depends a bit on the video, but I think most of it should translate to .NET MAUI pretty well. Maybe with some minor adjustments, but it should give you some clue.
In this particular case, I think that plugin has a version that is also compatible with .NET MAUI!
@@jfversluis Thank you for the quick reply!! I'll give it a shot and blame YOU if I break my app! 🤣
How I catch a selected row cell value? From C#, please.
Could you please do a detailed video on this?
Is it possible to make a kind of "SelectionChanged" to select a row and navigate to a detailpage?
Yep there’s an ItemSelected event
Hey, thank you for the demo. I have been searching for the datagrid and found this. I have used your sample code and it worked great. the only issue I see is the ram memory keeps on increasing in task manager when sorting the grid. Have you encountered this issue?
Oof that sounds like a potential memory leak. You might want to see if that's reported on the plugin repository!
@@jfversluis sure. Will check it. Thanks for the reply
Great, Gerald! but, How can I delete or remove an item from the datagrid.?
Delete it from the underlaying ObservableCollection! There is nothing for that built-in right now I think
Why loading of the items takes so much time. I have item model containing few properties. For 200 items,it takes about 10s to load.
How can add Total of any decimal columns at footer ? Is any way to do this becauss no any footer control
Not sure if that’s implemented (yet)
@@jfversluisNo, not yet
Nice, so probably he is using polylines or lines behind in code ?
Nope, basically just a Grid and a RefreshView 😄 github.com/akgulebubekir/Maui.DataGrid/blob/main/Maui.DataGrid/DataGrid.xaml
i get this error System.ArgumentException: 'Value is an invalid value for Maximum (Parameter 'value')' when i replicated on my project and i don't know why
Are you setting a Maximum property somewhere? Seems like it has an invalid value somehow
No I’m not setting any maximum property and I’m using the latest version 4
How filter will work in this datagrid ?
Filter the underlaying collection in code
This Maui.DataGrid control seems OK for small datasets, however it takes forever to load anything remotely large. My dataset currently has 140K records and is growing, this makes the control unusable.
The Dev Express Maui Data grid is IOS and Android only with no support for Maui desktop.
You might not want to load everything at once.
@@kerverse
I never load all the dataset into the datagrid, just subsets… loading 220 records (the smallest subset in the dataset) takes about 7 seconds to load and display the DataGrid in the Maui application, the same dataset in the old equivalent winforms application loads the same data into the grid well under 1/10th of a second and can load 33K records (the largest subset) in under 2 seconds. Trying to load 33K records in the grid in the Maui app is just impossible!!
The C# code is actually slightly faster in the Maui app, the Maui app downloads, parses and loads the database about 2 to 3 seconds quicker than the winforms application, it’s just the binding and updating the DataGrid that’s sooooo slowwwww.
Is there an option to scroll horizontally in the data grid?
I don't think that's possible with this one. The one from Dev Express might be able to: th-cam.com/video/UrXDiODAwKk/w-d-xo.html
@@jfversluis thanks brother
The control seems broken; it only renders the header row; grid body is empty.
😢 that’s too bad! Maybe check the repository?
@@jfversluis forked your repo; it works. But when I use the 4.04 version in my project, it only renders the header; no body.
MAUI is still very basic compared to winforms and in some regards WPF... :(
MAUI is also much younger than both of those 😄