Create GridView in asp.net MVC3.0

Question

Is it possible to create grid in asp.net MVc3.0. The gridview that is used in asp.net similar to that if yes then please let me know how to create a simple grid in asp.net mvc3.0 I m using sql server Database to fetch data, that has to be filled in grid. Thanks.

Darin Dimitrov · Accepted Answer · 2011-02-28 07:14:13Z

18

There are different possibilities:

Server side grids:

Client-Side grids:

and many others...

answered Feb 28, 2011 at 7:14

Darin Dimitrov

1.0m275 gold badges3.3k silver badges3k bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

SoftwareSavant Over a year ago

jqGrid sucks... Well let me not be negative. Its not easy to work with by any means, but it does the job.

taher chhabrawala Over a year ago

@darin what is the difference between client side grid and server side grid

Darin Dimitrov Over a year ago

The first is generated on the client using javascript and the second is generated on the server.

UeliDeSchwert Over a year ago

First link to WebGrid helper is broken. Please don't just include links without actual data or examples!

JiBéDoublevé · Accepted Answer · 2013-01-31 00:32:43Z

You can use WebGrid in MVC3. This is new in MVC3. Use this code in your View.

@model IList<YourViewModel>
@{
    ViewBag.Title = "Amend Absence";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@{
    var grid = new WebGrid(source: Model, rowsPerPage: 200, 
    canPage: false, canSort: true, defaultSort: "Absentee");
 }
<p>
    <h2>Absentee List</h2>
        <div id="grid">
            @grid.GetHtml(
                tableStyle: "grid",
                headerStyle: "head",
                alternatingRowStyle: "alt",
                columns: grid.Columns(
                grid.Column(format: (item) => Html.ActionLink("Edit", "Edit", 
                new { id =   item.Id     })), 
                grid.Column("Absentee", "Absentee",canSort:true),
                grid.Column("AbsStart", "AbsStartDate")
            ))
      </div>
  </p>

RickAndMSFT · Accepted Answer · 2011-07-12 22:24:12Z

3

See the excellent Get the Most Out of WebGrid in ASP.NET MVC

answered Jul 12, 2011 at 22:24

RickAndMSFT

23.3k9 gold badges65 silver badges79 bronze badges

Comments

Community · Accepted Answer · 2017-05-23 12:16:01Z

0

You need to create it using TABLE / TR / TD tags.

Here is few links which may help you

edited May 23, 2017 at 12:16

CommunityBot

11 silver badge

answered Feb 28, 2011 at 5:53

Anuraj

19.6k7 gold badges61 silver badges84 bronze badges

1 Comment

faheem khan Over a year ago

2nd link is dead

Collectives™ on Stack Overflow

Create GridView in asp.net MVC3.0

4 Answers 4

4 Comments

Comments

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

4 Comments

Comments

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related