Как добавить изображение в заголовок MVC3 Grid - @ grid.GetHtml?

Question

Я просто хочу добавить изображение в заголовок таблицы MVC3 , щелкнуть по нему и отсортировать строки, как это работает для обычного текста заголовка.

Как я могу это сделать?

Спасибо!

 @grid.GetHtml(
                            tableStyle: "grid",
                            headerStyle: "head",
                            alternatingRowStyle: "alt",
                            rowStyle: "row",
                            selectedRowStyle: "selected-row",
                            columns: grid.Columns(

                                           grid.Column("SportName", "Sport", style: "column"),
                                           grid.Column("City", "City", style: "column"),

Answer 1

По вашему запросу в комментариях, вот ответ на ваш вопрос.

Поскольку вы ищете стрелки для сортировки по возрастанию и по убыванию, эту информацию можно найти в этом 4guysfromrolla уроке .

Основная часть находится в переопределении того, что происходит при сортировке.

public class GridView : System.Web.UI.WebControls.GridView
{
   protected override void OnSorted(EventArgs e)
   {
      string imgArrowUp = ...;
      string imgArrowDown = ...;

      foreach (DataControlField field in this.Columns)
      {
         // strip off the old ascending/descending icon
         int iconPosition = field.HeaderText.IndexOf(@" <img border=""0"" src=""");
         if (iconPosition > 0)
            field.HeaderText = field.HeaderText.Substring(0, iconPosition);

         // See where to add the sort ascending/descending icon
         if (field.SortExpression == this.SortExpression)
         {
            if (this.SortDirection == SortDirection.Ascending)
               field.HeaderText += imgArrowUp;
            else
               field.HeaderText += imgArrowDown;
         }
      }

      base.OnSorted(e);
   }
}