在Gridview标题中添加图像和文本

时间:2014-03-26 09:50:43

标签: c# asp.net .net gridview

我有一个gridview我要在其中添加一个图像(小向上箭头或向下箭头)以及文本,对应于它是按升序还是降序排序。

我已经搜索并找到了一些解决方案。但我想要一个有效的解决方案来解决这个问题,这可能是stackoverflow中的某些人所知道的。在这方面请帮助。

1 个答案:

答案 0 :(得分:0)

这可以通过向Gridview添加正确的CSS样式来实现。

ASP.NET标记

<asp:GridView ID="GridView1" runat="server" AllowSorting="True" DataSourceID="..." PageSize="5">
    <SortedAscendingHeaderStyle CssClass="sortasc" />
    <SortedDescendingHeaderStyle CssClass="sortdesc" />
</asp:GridView>

<强> CSS

th.sortasc a  
{
    display:block; padding:0 4px 0 15px; 
    background:url(img/asc.gif) no-repeat;  
}

th.sortdesc a 
{
    display:block; padding:0 4px 0 15px; 
    background:url(img/desc.gif) no-repeat;
}

参考:http://blogs.msdn.com/b/scothu/archive/2010/08/28/gridview-with-sort-arrows-and-showing-header-when-empty.aspx