grid controls for ASP.NET MVC?
Jqueryasp.net MvcGridJquery Problem Overview
If you are using ASP.NET MVC how are you doing grid display? Rolled your own? Got a library from somewhere?
These are some of the known grid display solutions I have found for ASP.NET MVC
- ASP.NET MVC Flexgrid - Has nice column layout method
- Code based ASP.NET MVC GridView - simple, small, clean
- MVC Contrib - grid from codePlex
- jQueryGrid - jQuery grid
- Datatables - jQuery plugin - believed to be section 508 compliant (.NET binding)
- extJS - cross browser RIA framework - has grid support
- Ingrid - jQuery data grid
- jqxGrid - jQuery data grid
- Telerik MVC - jQuery based grid that is GPL v2 licensed, commercial version also available
- MVC Controls Toolkit - Client Site Based Grid
- Infragistics igGrid - jQuery based MVC grid
- dhtmlxGrid - Ajax-enabled JavaScript grid control
- ASP.net MVC Awesome Ajax List - a different, very flexible approach, can be used as a grid
- Syncfusion MVC Grid - Commercial grid
- ASP.net MVC Awesome Grid - part of the Awesome library (jQuery based)
- Shield UI Grid for ASP.NET MVC
- Grid controls for ASP.NET MVC 5 projects
If you know of anything else that you are using or know to be good, please let me know.
Jquery Solutions
Solution 1 - Jquery
We have been using jqGrid on a project and have had some good luck with it. Lots of options for inline editing, etc. If that stuff isn't necessary, then we've just used a plain foreach loop like @Hrvoje.
Solution 2 - Jquery
We use Slick Grid in Stack Exchange Data Explorer (example containing 2000 rows).
I found it outperforms jqGrid and flexigrid. It has a very complete feature set and I could not recommend it enough.
Samples of its usage are here.
You can see source samples on how it is integrated to an ASP.NET MVC app here: https://code.google.com/p/stack-exchange-data-explorer/
Solution 3 - Jquery
We have just rolled our own due to limited functionality requirements on our grids. We use some JQuery here and there for some niceties like pagination and that is all we really need.
If you need something a little more fully featured you could check out ExtJs grids here.
Also MvcContrib has a grid implementation that you could check out - try here. Or more specifically here.
Solution 4 - Jquery
I just discovered Telerik has some great components, including Grid, and they are open source too. http://demos.telerik.com/aspnet-mvc/
Solution 5 - Jquery
If it's just for viewing data, I use simple foreach or even aspRepeater. For editing I build specialized views and actions. Didn't like webforms GridView inline edit capabilities anyway, this is kinda much clearer and better - one view for viewing and another for edit/new.
Solution 6 - Jquery
We use the MVCContrib Grid.
Solution 7 - Jquery
jqGrid is $299 if you use a special version that has server side integration, but it really is not that difficult to use the open source free version with ASP.NET MVC, once you get your jquery configuration straight it's almost as simple to use as any other licensed grid:
http://haacked.com/archive/2009/04/14/using-jquery-grid-with-asp.net-mvc.aspx
Solution 8 - Jquery
You can use also the Insert/update/delete datagrid of my MVC Controls Toolkit available here on codeplex: http://mvccontrolstoolkit.codeplex.com/. Here you can download a complete example, here the datagrid working and here and here tutorials. The DataGrid works completely client side and mantains thechange set between posts. Yes it mantains Changeset, this means, you can access both old version and modified version of each record to see what changes to pass to the DB(what need to be modified deleted or inserted). This Changeset is mantained after several posts till you either confirm or cancel the modifications on the server side.
Solution 9 - Jquery
If it is read-only a good idea would be to create a table, then apply some really easy-but-powerful JQuery to that.
For simple alternative colour, try this simple JQuery.
If you need sorting, this JQuery plug-in simply rocks.
Solution 10 - Jquery
I tried the example here of the Mvc Controls Toolkit grid. It appears a quite powerful and easy to use grid. The tutorial not only explain how to use the grid but also how to do paging, organize a view model and data annotations. It is worth to read it.
Solution 11 - Jquery
Try: http://mvcjqgridcontrol.codeplex.com/ It's basically a MVC-compliant jQuery Grid wrapper with full .Net support
Solution 12 - Jquery
Check out the grid from Infragistics jQuery controls
Here is a ASP.NET MVC sample with code: