How to create custom HtmlHelper for the ASP.NET MVC Grid?

[Controller]
    public static class Extension
    {
        static Extension()
        {
            EssentialJavaScript.MetadataProvider = new MvcModelMetadataProvider();
        }
        // To create helper using extension method
        public static GridPropertiesBuilder<object> MyGrid(this System.Web.Mvc.HtmlHelper hepl, string id)
        {
            var model = new GridProperties();  //To get the grid properties 
            var grid = new Grid<object>(id, model);
            return new GridPropertiesBuilder<object>(grid); //return grid properties builder 
        }
    }
 
  public class GridController : Controller
    {
        public ActionResult GridFeatures()
        {
            var DataSource = new NorthwindDataContext().OrdersViews.ToList();
            ViewBag.datasource = DataSource;
            return View();
        }
    }
 
 [View]
@(Html.MyGrid("GridData")
         .Datasource((IEnumerable<object>)ViewBag.datasource)
        .AllowPaging()
            .Columns(col =>
            {
                col.Field("OrderID").HeaderText("Order ID").IsPrimaryKey(true).TextAlign(TextAlign.Right).Width(75).Add();
                col.Field("CustomerID").HeaderText("Customer ID").Width(80).Add();
                col.Field("EmployeeID").HeaderText("Employee ID").TextAlign(TextAlign.Right).Width(75).Add();      col.Field("Freight").HeaderText("Freight").TextAlign(TextAlign.Right).Width(75).Format("{0:C}").Add();
                col.Field("OrderDate").HeaderText("Order Date").TextAlign(TextAlign.Right).Width(80).Format("{0:MM/dd/yyyy}").Add();
                col.Field("ShipCity").HeaderText("Ship City").Width(110).Add();
            })
)