Hi

   I am sorting the data in the GridView when the user clicks the Column header.

I want to display a SortIndicatior in the Column header.

I want to show UP or DOWN arrow next to the text in the column header of the sorted column.

 How to display an image in the GridView Header next to the Header text?

Thanks

Ashok

add the following css

.sorticon
{
 font-family: Webdings;
 font-size: x-small;
 color: #DDB86D;
}

in the gridview rowcreated, add the following control to the header

lblSorted.CssClass = "sorticon"

lblSorted.Text = IIf("change the code here to determine whether the column is currently in acs/desc" = "ASC", "5", "6").ToString

e.Item.Cells(i).Controls.Add(lblSorted)

I have a code snippet I saved sometime ago and it works like a charm.  Not sure why an image is not a property field in the .net 3.5 but hopefully they will add it later on.  Add this snippet in your code behind and just change the GridView's name as well as the location and name of the image you want to use.

    Private Sub GridView1_RowCreated(ByVal sender As Object, ByVal e As System.Web.UI.WebControls.GridViewRowEventArgs) Handles GridView1.RowCreated
        GridViewSortImages(sender, e)
    End Sub

    Sub GridViewSortImages(ByVal sender As Object, ByVal e As GridViewRowEventArgs)
        Dim senderGridView As GridView = CType(sender, GridView)

        If Not (e.Row Is Nothing) AndAlso e.Row.RowType = DataControlRowType.Header Then
            For Each cell As TableCell In e.Row.Cells
                If cell.HasControls Then
                    Dim button As LinkButton = CType((cell.Controls(0)), LinkButton)
                    If Not (button Is Nothing) Then
                        Dim image As New System.Web.UI.WebControls.Image
                        image.ImageUrl = "~/images/1x1.gif"
                        If senderGridView.SortExpression = button.CommandArgument Then
                            If senderGridView.SortDirection = SortDirection.Ascending Then
                                image.ImageUrl = "~/images/ascending.gif"
                            Else
                                image.ImageUrl = "~/images/descending.gif"
                            End If
                        End If
                        cell.Controls.Add(image)
                    End If
                End If
            Next
        End If
    End Sub

 Set a CSS style based on the sort direction and supply a different CSS background-image with CSS background image positioning. That way, both the link text and the image are clickable.

If you supply a link and a separate image, then the image must be a separate clickable image. You will need to supply the correct command args for the sort to work once the image is clicked.

 protected void grdMovies_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.Header)
{
foreach (TableCell cell in e.Row.Cells)
{
LinkButton sortLink = (LinkButton)cell.Controls[0];
if (sortLink.Text == grdMovies.SortExpression)
{
if (grdMovies.SortDirection == SortDirection.Ascending)
sortLink.Text += “ <img src=’asc.gif’ title=
’Sort ascending’ />”;
else
sortLink.Text += “ <img src=’desc.gif’ title=
’Sort descending’ />”;
}
}
}
}

this wil help u..