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 |
@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()
)
document.addEventListener('rowclick', function (e) {
console.log('data: ', e.detail.data);
console.log('grid: ', e.detail.grid);
console.log('original event: ', e.detail.originalEvent);
});