Simple Array - ASP.NET Mvc Data Grid Demo (2024)

Material Light

Simple Array - ASP.NET Mvc Data Grid Demo (1) Material Blue Light

Simple Array - ASP.NET Mvc Data Grid Demo (2) Material Lime Light

Simple Array - ASP.NET Mvc Data Grid Demo (3) Material Orange Light

Simple Array - ASP.NET Mvc Data Grid Demo (4) Material Purple Light

Simple Array - ASP.NET Mvc Data Grid Demo (5) Material Teal Light

Material Dark

Simple Array - ASP.NET Mvc Data Grid Demo (6) Material Blue Dark

Simple Array - ASP.NET Mvc Data Grid Demo (7) Material Lime Dark

Simple Array - ASP.NET Mvc Data Grid Demo (8) Material Orange Dark

Simple Array - ASP.NET Mvc Data Grid Demo (9) Material Purple Dark

Simple Array - ASP.NET Mvc Data Grid Demo (10) Material Teal Dark

Material Light Compact

Simple Array - ASP.NET Mvc Data Grid Demo (11) Material Blue Light Compact

Simple Array - ASP.NET Mvc Data Grid Demo (12) Material Lime Light Compact

Simple Array - ASP.NET Mvc Data Grid Demo (13) Material Orange Light Compact

Simple Array - ASP.NET Mvc Data Grid Demo (14) Material Purple Light Compact

Simple Array - ASP.NET Mvc Data Grid Demo (15) Material Teal Light Compact

Material Dark Compact

Simple Array - ASP.NET Mvc Data Grid Demo (16) Material Blue Dark Compact

Simple Array - ASP.NET Mvc Data Grid Demo (17) Material Lime Dark Compact

Simple Array - ASP.NET Mvc Data Grid Demo (18) Material Orange Dark Compact

Simple Array - ASP.NET Mvc Data Grid Demo (19) Material Purple Dark Compact

Simple Array - ASP.NET Mvc Data Grid Demo (20) Material Teal Dark Compact

Generic Light

Simple Array - ASP.NET Mvc Data Grid Demo (21) Generic Light

Simple Array - ASP.NET Mvc Data Grid Demo (22) Carmine

Simple Array - ASP.NET Mvc Data Grid Demo (23) Soft Blue

Simple Array - ASP.NET Mvc Data Grid Demo (24) Green Mist

Generic Dark

Simple Array - ASP.NET Mvc Data Grid Demo (25) Generic Dark

Simple Array - ASP.NET Mvc Data Grid Demo (26) Contrast

Simple Array - ASP.NET Mvc Data Grid Demo (27) Dark Violet

Simple Array - ASP.NET Mvc Data Grid Demo (28) Dark Moon

Generic Light Compact

Simple Array - ASP.NET Mvc Data Grid Demo (29) Generic Light Compact

Generic Dark Compact

Simple Array - ASP.NET Mvc Data Grid Demo (30) Generic Dark Compact

Simple Array - ASP.NET Mvc Data Grid Demo (31) Contrast Dark Compact

Fluent Light

Simple Array - ASP.NET Mvc Data Grid Demo (32) Fluent Light

Simple Array - ASP.NET Mvc Data Grid Demo (33) Fluent SaaS Light

Fluent Dark

Simple Array - ASP.NET Mvc Data Grid Demo (34) Fluent Dark

Simple Array - ASP.NET Mvc Data Grid Demo (35) Fluent SaaS Dark

Fluent Light Compact

Simple Array - ASP.NET Mvc Data Grid Demo (36) Fluent Light Compact

Simple Array - ASP.NET Mvc Data Grid Demo (37) Fluent SaaS Light Compact

Fluent Dark Compact

Simple Array - ASP.NET Mvc Data Grid Demo (38) Fluent Dark Compact

Simple Array - ASP.NET Mvc Data Grid Demo (39) Fluent SaaS Dark Compact

Backend API

@model IEnumerable<DevExtreme.MVC.Demos.Models.Customer>@(Html.DevExtreme().DataGrid() .ID("gridContainer") .DataSource(Model) .KeyExpr("ID") .ShowBorders(true) .Columns(c => { c.Add().DataField("CompanyName"); c.Add().DataField("City"); c.Add().DataField("State"); c.Add().DataField("Phone"); c.Add().DataField("Fax"); }))

using DevExtreme.MVC.Demos.Models;using DevExtreme.MVC.Demos.Models.DataGrid;using DevExtreme.MVC.Demos.Models.SampleData;using System;using System.Linq;using System.Web.Mvc;namespace DevExtreme.MVC.Demos.Controllers { public class DataGridController : Controller { public ActionResult SimpleArray() { return View(SampleData.SimpleArrayCustomers); } }}

using System;using System.Collections.Generic;using System.Linq;using System.Web;namespace DevExtreme.MVC.Demos.Models { public class Customer { public int ID { get; set; } public string CompanyName { get; set; } public string Address { get; set; } public string City { get; set; } public string State { get; set; } public int Zipcode { get; set; } public string Phone { get; set; } public string Fax { get; set; } public string Website { get; set; } }}

using System;using System.Collections.Generic;namespace DevExtreme.MVC.Demos.Models.SampleData { public partial class SampleData { public static readonly IEnumerable<Customer> SimpleArrayCustomers = new[] { new Customer { ID = 1, CompanyName = "Super Mart of the West", Address = "702 SW 8th Street", City = "Bentonville", State = "Arkansas", Zipcode = 72716, Phone = "(800) 555-2797", Fax = "(800) 555-2171", Website = "http://www.nowebsitesupermart.dx" }, new Customer { ID = 2, CompanyName = "Electronics Depot", Address = "2455 Paces Ferry Road NW", City = "Atlanta", State = "Georgia", Zipcode = 30339, Phone = "(800) 595-3232", Fax = "(800) 595-3231", Website = "http://www.nowebsitedepot.dx" }, new Customer { ID = 3, CompanyName = "K&S Music", Address = "1000 Nicllet Mall", City = "Minneapolis", State = "Minnesota", Zipcode = 55403, Phone = "(612) 304-6073", Fax = "(612) 304-6074", Website = "http://www.nowebsitemusic.dx" }, new Customer { ID = 4, CompanyName = "Tom's Club", Address = "999 Lake Drive", City = "Issaquah", State = "Washington", Zipcode = 98027, Phone = "(800) 955-2292", Fax = "(800) 955-2293", Website = "http://www.nowebsitetomsclub.dx" }, new Customer { ID = 5, CompanyName = "E-Mart", Address = "3333 Beverly Rd", City = "Hoffman Estates", State = "Illinois", Zipcode = 60179, Phone = "(847) 286-2500", Fax = "(847) 286-2501", Website = "http://www.nowebsiteemart.dx" }, new Customer { ID = 6, CompanyName = "Walters", Address = "200 Wilmot Rd", City = "Deerfield", State = "Illinois", Zipcode = 60015, Phone = "(847) 940-2500", Fax = "(847) 940-2501", Website = "http://www.nowebsitewalters.dx" }, new Customer { ID = 7, CompanyName = "StereoShack", Address = "400 Commerce S", City = "Fort Worth", State = "Texas", Zipcode = 76102, Phone = "(817) 820-0741", Fax = "(817) 820-0742", Website = "http://www.nowebsiteshack.dx" }, new Customer { ID = 8, CompanyName = "Circuit Town", Address = "2200 Kensington Court", City = "Oak Brook", State = "Illinois", Zipcode = 60523, Phone = "(800) 955-2929", Fax = "(800) 955-9392", Website = "http://www.nowebsitecircuittown.dx" }, new Customer { ID = 9, CompanyName = "Premier Buy", Address = "7601 Penn Avenue South", City = "Richfield", State = "Minnesota", Zipcode = 55423, Phone = "(612) 291-1000", Fax = "(612) 291-2001", Website = "http://www.nowebsitepremierbuy.dx" }, new Customer { ID = 10, CompanyName = "ElectrixMax", Address = "263 Shuman Blvd", City = "Naperville", State = "Illinois", Zipcode = 60563, Phone = "(630) 438-7800", Fax = "(630) 438-7801", Website = "http://www.nowebsiteelectrixmax.dx" }, new Customer { ID = 11, CompanyName = "Video Emporium", Address = "1201 Elm Street", City = "Dallas", State = "Texas", Zipcode = 75270, Phone = "(214) 854-3000", Fax = "(214) 854-3001", Website = "http://www.nowebsitevideoemporium.dx" }, new Customer { ID = 12, CompanyName = "Screen Shop", Address = "1000 Lowes Blvd", City = "Mooresville", State = "North Carolina", Zipcode = 28117, Phone = "(800) 445-6937", Fax = "(800) 445-6938", Website = "http://www.nowebsitescreenshop.dx" } }; }}

Simple Array - ASP.NET Mvc Data Grid Demo (2024)
Top Articles
Latest Posts
Article information

Author: Merrill Bechtelar CPA

Last Updated:

Views: 5809

Rating: 5 / 5 (50 voted)

Reviews: 81% of readers found this page helpful

Author information

Name: Merrill Bechtelar CPA

Birthday: 1996-05-19

Address: Apt. 114 873 White Lodge, Libbyfurt, CA 93006

Phone: +5983010455207

Job: Legacy Representative

Hobby: Blacksmithing, Urban exploration, Sudoku, Slacklining, Creative writing, Community, Letterboxing

Introduction: My name is Merrill Bechtelar CPA, I am a clean, agreeable, glorious, magnificent, witty, enchanting, comfortable person who loves writing and wants to share my knowledge and understanding with you.