Reloading grid
Name Surname Marital status Time stamp
Joe Crosswave Married 7/15/2025 3:41:14 AM
Merry Lisel Widowed 7/15/2025 3:41:14 AM
Henry Crux Single 7/15/2025 3:41:14 AM
Cody Jurut 7/15/2025 3:41:14 AM
Simon Scranton Single 7/15/2025 3:41:14 AM
Leena Laurent Divorced 7/15/2025 3:41:14 AM
Ode Cosmides Married 7/15/2025 3:41:14 AM
Diandra Mizner Single 7/15/2025 3:41:14 AM
Pete Cassel Married 7/15/2025 3:41:14 AM
Nicky Tremblay Married 7/15/2025 3:41:14 AM
Main view

@Html.AjaxGrid(Url.Action("IndexGrid"))

_IndexGrid partial view

@model IQueryable<Person>

@* Should only include grid declaration *@

@(Html
    .Grid(Model)
    .Build(columns =>
    {
        columns.Add(model => model.Name).Titled("Name");
        columns.Add(model => model.Surname).Titled("Surname");
        columns.Add(model => model.MaritalStatus).Titled("Marital status");

        columns.Add(model => DateTime.Now).Titled("Time stamp");
    })
)

Javascript

document.getElementById('ContentRefresh').addEventListener('click', function () {
    new MvcGrid(document.querySelector('.mvc-grid')).reload();
});

Controller

[HttpGet]
public ViewResult Index()
{
    return View();
}

[HttpGet]
public PartialViewResult IndexGrid()
{
    return PartialView("_IndexGrid", repository.GetPeople());
}