Loading

How to show data in DataTable

How to show data in DataTable

Ramco Ramco

5y674.NET

Hi

I want to display the below code in Jquery/BootStrap datatable

@model IEnumerable

@*@{

Layout = null;

}*@

Index

@foreach (var item in Model) {

}

@Html.DisplayNameFor(model => model.Description)
@Html.DisplayFor(modelItem => item.Description)

Thanks

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Sachin Singh5y ago
Accepted answer
the first way is, you can directly, convert the table into datatable as shown below.
method 1.
"https://cdn.datatables.net/1.10.24/css/jquery.dataTables.min.css" rel="stylesheet" />
"https://cdn.datatables.net/1.10.24/js/jquery.dataTables.min.js">

@model IEnumerable
@*@{
Layout = null;
}*@



"viewport" content="width=device-width" />
Index




class="table" id="tblLocation">


@Html.DisplayNameFor(model => model.Description)




@foreach (var item in Model) {


@Html.DisplayFor(modelItem => item.Description)




}



"~/Scripts/Appjs/Location.js">
method 2. Don't use models.
step 1. create a method in controller as
public ActionResult Location()
       {
           return View();
       }
step 2. Design the view for the above method as

"divMenu" style="display:none;height:300px;width:200px;">
    class="table table-primary" id="tblLocation">

            "#">Edit

        "#">Delete

step 3. Create another method which exposes Location data as

public ActionResult GetPosts()
{
List listLocation= new List();
var res = yourContext.Locations.ToList();
foreach (var item in res)
{
Location obj= new Location ();
obj.LocationId= item.LocationId;
obj.Description= item.Description;
listLocation.Add(obj);
}
return Json(listLocation, JsonRequestBehavior.AllowGet);
}

Note:- The second approach is recommended.