[Solved] MVC Grid - css style lost when DataBinding method is used

[Gary]

Dear support team,

the code below is to set the background color of a column using CellAction function. it works fine without DataBinding, but the style will get lost on paging and sorting when DataBinding is inserted. Any idea? Thanks.

@{

    //set consts
    const string colNameStyled = "ColName";

    //render grid
    Html.Telerik().Grid(Model).Name("Grid")
        .Columns(columns =>
        {
            ...
            columns.Bound(...).Title(colNameStyled)...;
            ...
        })
        .DataBinding(dataBinding =>
        {
            dataBinding.Server().Select("Index", ...);
            dataBinding.Ajax().Select("_AjaxIndex", ...);
        })
        .CellAction(cell =>
        {
            if (cell.Column.Title == colNameStyled)
            {
                cell.HtmlAttributes["style"] = "background-color: green;";
            }
        })
    .Sortable()
        .Pageable()
        .Render();
}

[Brenda]

I am also having this problem. What is the solution?

[Petur Subev]

Hello,

Generally speaking the CellAction is executed only in Server Binding or when initially loading (by passing a collection to the Grid constructor like in your case).
I would suggest you to set your background directly as an html attribute.
e.g.

columns.Bound(o => o.Freight).Width(220).HtmlAttributes(new { style = "background:green;"});

or you can assign a CSS class to the cell like this:

columns.Bound(o => o.Freight).Width(220).HtmlAttributes(new { @class = "greenClass"});

Kind regards,
Petur Subev
the Telerik team