Binding row clicked event
Name Surname Marital status Age Birthday Employed
Joe Crosswave Married 36 1/5/1988 False
Merry Lisel Widowed 46 5/6/1978
Henry Crux Single 34 11/19/1990 True
View

@model IQueryable<Person>

@(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 => model.Age).Titled("Age");
        columns.Add(model => model.Birthday).Titled("Birthday").Formatted("{0:d}");
        columns.Add(model => model.IsWorking).Titled("Employed");
    })
    .Pageable(pager =>
    {
        pager.RowsPerPage = 3;
    })
    .Filterable()
    .Sortable()
)

Javascript

document.addEventListener('rowclick', function (e) {
    console.log('data: ', e.detail.data);
    console.log('grid: ', e.detail.grid);
    console.log('original event: ', e.detail.originalEvent);
});