HtmlTableHelper ASP.NET MVC Demo (JQuery DataTable) | C# Online Compiler

HtmlTableHelper ASP.NET MVC Demo (JQuery DataTable) by IT WeiHan

	public class Prop{
		public string border {set;get;}
	}

Model

 
    public class Prop{
        public string border {set;get;}
    }

@{
	Layout = null;
}

<!DOCTYPE html>

<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>AspNetMvcDemo</title>
    <link href="//cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css" rel="stylesheet" />
</head>
<body>
    <div>
        @Html.Raw(ViewBag.Table)
    </div>
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script src="//cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
    <script>
        $(document).ready(function () {
            $('Table').DataTable();
        });
    </script>
</body>
</html>

View

​x
 
@{
    Layout = null;
}
​
<!DOCTYPE html>
​
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>AspNetMvcDemo</title>
    <link href="//cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css" rel="stylesheet" />
</head>
<body>
    <div>
        @Html.Raw(ViewBag.Table)
    </div>
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script src="//cdn.datatables.net/1.10.19/js/jquery.dataTables.min.js"></script>
    <script>
        $(document).ready(function () {
            $('Table').DataTable();
        });
    </script>
</body>
</html>
​

using System;
using System.Web.Mvc;
using System.Collections.Generic;
using HtmlTableHelper;

namespace HelloWorldMvcApp
{
	public class HomeController : Controller
	{
		[HttpGet]
		public ActionResult Index()
		{
			var data = new[] { new { Name = "ITWeiHan", Age = "25",Gender = "M" } };		
			ViewBag.Table = data.ToHtmlTable(new Prop{ border = "1"});
			return View();
		}
	}
}

Controller

 
using System;
using System.Web.Mvc;
using System.Collections.Generic;
using HtmlTableHelper;
​
namespace HelloWorldMvcApp
{
    public class HomeController : Controller
    {
        [HttpGet]
        public ActionResult Index()
        {
            var data = new[] { new { Name = "ITWeiHan", Age = "25",Gender = "M" } };        
            ViewBag.Table = data.ToHtmlTable(new Prop{ border = "1"});
            return View();
        }
    }
}

View in Full Screen

Sunday
15

Cached Result
Last Run:	10:15:04 am
Compile:	2.866s
Execute:	0.016s
Memory:	0b
CPU:	2.047s

View IL Code