Question

我想在对WebGrid进行排序时将背景图像放在列中

我在VIew中的代码如下：

@grid.GetHtml(
    fillEmptyRows: true,
    headerStyle: "hearder-grid",
    ... 
             )

Css风格的代码：

tr.hearder-grid .asc{
                background: transparent url('/Content/themes/base/Images/asc.png') center right no-repeat;

        }

tr.hearder-grid .desc{
                background: transparent url('/Content/themes/base/Images/desc.png') center right no-repeat;
        }

此代码不起作用

有人可以帮帮我吗？

祝福

Answer 1

你需要帮手。

   public static class SortHelper
     {
       public static MvcHtmlString Direction(this HtmlHelper helper, string columnName)
         {
           string html = "";
           if (columnName.Contains("whatever name you are using to represent descending"))
            {
               html = "▲";
            }
          else
           {
             html = "▼";
           }
           return MvcHtmlString.Create(html);
        }
   }

然后你只是连接标题

 SortDirectionHelper.SortDirection(null, "columnname")

您可以在以下网址中看到更好的示例：

https://www.youtube.com/watch?v=s4SoNOwbKek

将图像放入排序顺序MVC WebGrid中

1 个答案: