Preview
Nom Nom de famille État matrimonial Âge Date de naissance Employé
Joe Crosswave Married 32 1/5/1992 12:00:00 AM False
Merry Lisel Widowed 41 5/6/1982 12:00:00 AM
Henry Crux Single 29 11/19/1994 12:00:00 AM True
Cody Jurut 49 8/11/1974 12:00:00 AM False
Simon Scranton Single 34 10/10/1989 12:00:00 AM
Leena Laurent Divorced 19 7/1/2004 12:00:00 AM False
Ode Cosmides Married 53 4/17/1970 12:00:00 AM True
Diandra Mizner Single 20 8/20/2003 12:00:00 AM False
Pete Cassel Married 23 3/13/2001 12:00:00 AM False
Nicky Tremblay Married 32 1/5/1992 12:00:00 AM True
Mary Cassel Married 24 7/10/1999 12:00:00 AM True
Startup

public void ConfigureServices(IServiceCollection services)
{
    services.AddMvcGrid(filters =>
    {
        filters.BooleanFalseOptionText = () => "faux";
        filters.BooleanTrueOptionText = () => "vrai";
        filters.BooleanEmptyOptionText = () => "";
    });
}

View

@model IQueryable<Person>

@(Html
    .Grid(Model)
    .Build(columns =>
    {
        columns.Add(model => model.Name).Titled("Nom");
        columns.Add(model => model.Surname).Titled("Nom de famille");
        columns.Add(model => model.MaritalStatus).Titled("État matrimonial");

        columns.Add(model => model.Age).Titled("Âge");
        columns.Add(model => model.Birthday).Titled("Date de naissance");
        columns.Add(model => model.IsWorking).Titled("Employé");
    })
    .Empty("Aucune donnée disponible")
    .Filterable(GridFilterType.Double)
    .Sortable()
)

Javascript

<script>
    MvcGrid.lang = {
        default: {
            "equals": "Egale",
            "not-equals": "Pas égal"
        },
        text: {
            "contains": "Contient",
            "equals": "Egale",
            "not-equals": "Pas égal",
            "starts-with": "Commence par",
            "ends-with": "Fini par"
        },
        number: {
            "equals": "Egale",
            "not-equals": "Pas égal",
            "less-than": "Inférieur à",
            "greater-than": "Supérieur à",
            "less-than-or-equal": "Inférieur ou égale à",
            "greater-than-o-requal": "Supérieur ou égale à"
        },
        date: {
            "equals": "Egale",
            "not-equals": "Pas égal",
            "earlier-than": "Inférieur à",
            "later-than": "Supérieur à",
            "earlier-than-or-equal": "Inférieur ou égale à",
            "later-than-or-equal": "Supérieur ou égale à"
        },
        guid: {
            "equals": "Egale",
            "not-equals": "Pas égal",
        },
        filter: {
            "apply": "",
            "remove": "✘"
        },
        operator: {
            "select": "",
            "and": "et",
            "or": "ou"
        }
    };
</script>