Install MVC.Grid package from nuget.
> Install-Package NonFactors.Grid.Mvc5
Include grid styling sheet.
<html>
<head>
+ <link href="~/Content/MvcGrid/mvc-grid.css" rel="stylesheet">
</head>
<body>
@RenderBody()
</body>
</html>
Include grid scripts.
<html>
<head>
<link href="~/Content/MvcGrid/mvc-grid.css" rel="stylesheet">
</head>
<body>
@RenderBody()
+ <script src="~/Scripts/MvcGrid/mvc-grid.js"></script>
</body>
</html>
Initialize MVC.Grid instances after rendering grid html
<html>
<head>
<link href="~/Content/MvcGrid/mvc-grid.css" rel="stylesheet">
</head>
<body>
@RenderBody()
<script src="~/Scripts/MvcGrid/mvc-grid.js"></script>
<script>
+ [].forEach.call(document.getElementsByClassName('mvc-grid'), function (element) {
+ new MvcGrid(element);
+ });
</script>
</body>
</html>