Editable Web Grid in MVC Razor View using Data Table

Question

Hi,

 

I need to bind editable web grid using data table in mvc razor view engine.i attached my  code for reference, Please advise me how to  modify the code.

 

View:

 

@model System.Data.DataTable

@using System.Data;

@{

List<dynamic> obj1 = new List<dynamic>();

obj1= ViewBag.Total;

var grid = new WebGrid(obj1);

}

@grid.GetHtml(tableStyle: "table", footerStyle: "foot")

 

Controller:

 

var ListData = (DataTable)Session["dtResult"]; //data table from session

dns = ConvertDtToList(ListData); //Converted into list

ViewBag.Total = dns; //pass data table to view