Gridview sort image issue

[Rajneesh]

Hi,
I am using Rad Grid and using Template Field I am doing Filtering and sorting but issue arises at the time of sorting that small sort image comes below text i want it right side of text i tried many combination in style-sheet but no success.

My template column is as:

<telerik:GridTemplateColumn ReadOnly="true" AllowFiltering="false"  GroupByExpression="CloseOutType Group By CloseOutType" DataField="CloseOutType" SortExpression="CloseOutType" >
                   <HeaderTemplate>
                   <table>
                   <tr>
                   <td style="width:20%"><asp:Image ID="imgCloseOutType" ImageUrl="~/Images/closeout_type.png" runat="server" /></td>
                   <td style="width:80%">
                   <asp:Button  ID="btnheaderCloseOutType" Title="Sort by Interim/Workbook"  runat="server"
                        CommandName="Sort" CssClass="LabelViewForButton" CommandArgument="CloseOutType" Text="Interim/Workbook" />
                   </td>
                   </tr>
                   </table>
                 </HeaderTemplate>
                   <ItemTemplate>
                      <div style="text-align:center">
                      <asp:Label ID="lblCloseOutType" runat="server" Text='<%# eval("CloseOutType") %>'></asp:Label>
                      </div>
                   </ItemTemplate>
                   </telerik:GridTemplateColumn>

And style Sheet as:

/*sorting, reordering*/

.RadGrid_Vista .rgHeader .rgSortAsc
{
    background-position:3px -248px;
    height:10px;
}

.RadGrid_Vista .rgHeader .rgSortDesc
{
    background-position:3px -198px;
    height:10px;
}

.GridReorderTop_Vista,
.GridReorderBottom_Vista
{
    width:9px !important;
    height:9px !important;
    margin-left:-5px;
    background:0 0 no-repeat url('Grid/sprite.gif');
}

.GridReorderBottom_Vista
{
    background-position:0 -50px;
}

I am attaching both screens for better understanding. (See Attachment)

Thanks....

[Jayesh Goyani]

Hello,

please set Header width.

<telerik:GridTemplateColumn>
 <HeaderStyle Width="200px" /> 
...
...

let me know its working or not.


Thanks,
Jayesh Goyani

[Rajneesh]

Thanks Jayesh for reply.
I have tried as you said but no joy. Result is same.

<telerik:GridTemplateColumn ReadOnly="true" AllowFiltering="false"  GroupByExpression="CloseOutType Group By CloseOutType" DataField="CloseOutType" SortExpression="CloseOutType" >
                       <HeaderStyle Width="350px" />
                   <HeaderTemplate>
                   <table>
                   <tr>
                   <td style="width:20%"><asp:Image ID="imgCloseOutType" ImageUrl="~/Images/closeout_type.png" runat="server" /></td>
                   <td style="width:80%">
                   <asp:Button  ID="btnheaderCloseOutType" Title="Sort by Interim/Workbook"  runat="server"
                        CommandName="Sort" CssClass="LabelViewForButton" CommandArgument="CloseOutType" Text="Interim/Workbook" />
                   </td>
                   </tr>
                   </table>
                 </HeaderTemplate>

Result is as attachment.

Please see...

[Rajneesh]

Hi,
Can anyone help me please........