CSS

« MultipleGrids Row Modifier »

Name	Movie Director	Movie Genre
Star Wars	George Lucas	Sci-Fi
Reservoir Dogs	Quentin Tarantino	Thriller
Airplane!	David and Jerry Zucker and Jim Abrahams	Slapstick
Terminator	James Cameron	Action
Terminator 2: Judgement Day	James Cameron	Action
Wonder Woman 1984		Action
Close Encounters of the Third Kind	Steven Spielberg	Sci-Fi
Rocky	John G. Avildsen	Action
Brave Heart	Mel Gibson	Action
Movie with <b>bold</b>	This Guy	Test
The Godfather	The Godfather	Mob
Citizen Kane	Orson Welles	Drama
The Shawshank Redemption	Frank Drabont	Drama
Pulp Fiction	Quentin Tarantino	Action
Casablanca	Michael Curtiz	Drama
2001: A Space Odyssey	Stanley Kubrick	Sci-Fi

@(await Html
    .SimpleGrid(Model)

    .AddColumnFor(movie => movie.Name)

    .AddColumn(col => col
        .For(movie => movie.Director)
        .Css(elements => elements.Item
            .AddStyle("background-color:yellow")))

    .AddColumn(col => col
        .For(movie => movie.Genre)
        .Css(elements =>
        {
            elements.Header
                .AddStyle("font-style: italic")
                .AddStyle("background-color: red");

            elements.Item
                .AddStyle("font-style: italic");
        }))

    .Css(elements =>
    {
        elements.Table
            .AddClass("table-striped table-hover")
            .AddClass("table-bordered");

        elements.Row
            .AddStyle("color: green");

        elements.Header
            .AddStyle("color: blue");
    })
    .RenderAsync())