Preview
Name Surname Marital status Encoded age Not encoded age Birthday Employed
Joe Crosswave Married <span>32</span> 32 1/5/1992 False
Merry Lisel Widowed <span>42</span> 42 5/6/1982
Henry Crux Single <span>29</span> 29 11/19/1994 True
Cody Jurut <span>49</span> 49 8/11/1974 False
Simon Scranton Single <span>34</span> 34 10/10/1989
Leena Laurent Divorced <span>19</span> 19 7/1/2004 False
Ode Cosmides Married <span>54</span> 54 4/17/1970 True
Diandra Mizner Single <span>20</span> 20 8/20/2003 False
Pete Cassel Married <span>23</span> 23 3/13/2001 False
Nicky Tremblay Married <span>32</span> 32 1/5/1992 True
Mary Cassel Married <span>24</span> 24 7/10/1999 True
View

@model IQueryable<Person>

@(Html
    .Grid(Model)
    .Build(columns =>
    {
        columns.Add(model => Html.CheckBox("Person_" + model.Id)); // IHtmlContent has encoding disabled by default.
        columns.Add(model => $"<button data-id=\"{model.Id}\">Edit</button>").Encoded(false);

        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("Encoded age").RenderedAs(model => "<span>" + model.Age + "</span>");
        columns.Add(model => model.Age).Titled("Not encoded age").RenderedAs(model => "<span style='color: #CC4444'>" + model.Age + "</span>").Encoded(false);
        columns.Add(model => model.Birthday).Titled("Birthday").Formatted("{0:d}");
        columns.Add(model => model.IsWorking).Titled("Employed");
    })
)