Material Light
Material Blue Light
Material Lime Light
Material Orange Light
Material Purple Light
Material Teal Light
Material Dark
Material Blue Dark
Material Lime Dark
Material Orange Dark
Material Purple Dark
Material Teal Dark
Material Light Compact
Material Blue Light Compact
Material Lime Light Compact
Material Orange Light Compact
Material Purple Light Compact
Material Teal Light Compact
Material Dark Compact
Material Blue Dark Compact
Material Lime Dark Compact
Material Orange Dark Compact
Material Purple Dark Compact
Material Teal Dark Compact
Generic Light
Generic Light
Carmine
Soft Blue
Green Mist
Generic Dark
Generic Dark
Contrast
Dark Violet
Dark Moon
Generic Light Compact
Generic Light Compact
Generic Dark Compact
Generic Dark Compact
Contrast Dark Compact
Fluent Light
Fluent Light
Fluent SaaS Light
Fluent Dark
Fluent Dark
Fluent SaaS Dark
Fluent Light Compact
Fluent Light Compact
Fluent SaaS Light Compact
Fluent Dark Compact
Fluent Dark Compact
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" } }; }}