Как добавить дополнительный столбец в WebGrid в MVC3

Question

Я использую помощник WebGrid для сортировки сетки в моем приложении MVC.

@{
        var grid = new WebGrid(Model, canSort:true );
        @grid.GetHtml( columns:grid.Columns(

                grid.Column( "Username", "Full Name", canSort:true ),
                grid.Column("Profile","Profile", canSort:false)
            ));
   }       

Сортируемый столбец переопределяет (отображает синюю ссылку) стиль заголовка по умолчанию. Как мне сохранить это? В последнем столбце у меня есть действие с изображением, которое откроет всплывающее окно, используя диалог JavaScript

 <img  title="View Detail" style="cursor: pointer" onclick="openPopup('@item.EncryUserId')"
                            src="@Url.Content("~/Content/Images/view-fullscreen.png")" />

Как добавить этот дополнительный столбец с помощью WebGrid?

Спасибо.

Answer 1

Наконец-то я получил ответ, как показано ниже

   grid.Column(header: "Details",
                format: @<text><img src="@Url.Content("~/Content/Images/view-fullscreen.png")"
                 style="cursor: pointer" onclick="openPopup('@item.EncryUserId')"                                                                        
                 alt="View Detail" title="View Detail"/></text>) 

и внутри заголовка есть тег привязки, поэтому я добавил headerStyle: "tdheader" и добавил новый стиль .tdheadera {color: white};

Answer 2

grid.Column(format: 
    @<img title="View Detail" style="cursor: pointer" onclick="openPopup('@item.EncryUserId')" src="@Url.Content("~/Content/Images/view-fullscreen.png")" />
)