Strange behaviour hover + select style template column

[Marc Schaaks]

I have a template column that performs odd when selecting and hovering the row:

When hovering (and selecting), the column shows a solid bottom line (see pic1).

Moreover, the hover style only works for the other columns and on certain parts in the template column.

This is how the code in the template column looks like:

 

 

<telerik:GridTemplateColumn HeaderText="Document" UniqueName="TemplateColumn"

 

 

DataField="DocumentName" Aggregate="Count" FooterText="Number of documents found: "

 

 

SortExpression="DocumentName" ItemStyle-Wrap="false">

 

 

 

 

 

<ItemTemplate>

 

 

 

 

 

<table style="width:100%;">

 

 

 

 

 

<tr>

 

 

 

 

 

<td nowrap="nowrap">

 

 

 

 

 

<asp:Image ID="Image1" runat="server" AlternateText='<%# Eval("ClassName") %>'

 

 

ImageUrl='<%# Eval("TypeIconUrl") %>' ToolTip='<%# Eval("ClassName") %>' />

 

 

 

 

 

<asp:Image ID="Image2" runat="server" AlternateText='<%# Eval("StateText") %>'

 

 

ImageUrl='<%# Eval("StateIconUrl") %>' ToolTip='<%# Eval("StateText") %>' />

 

 

<asp:Label ID="Label1" runat="server" Text='<%# Eval("DocumentName") %>'></asp:Label>

 

 

 

 

 

</td>

 

 

 

 

 

</tr>

 

 

 

 

 

</table>

 

 

 

 

 

</ItemTemplate>

 

 

 

 

 

</telerik:GridTemplateColumn>

 

 

 

 
Any ideas how to solve this ?

[Dimo]

Hello Marc,

Both problems are caused by the presence of a <table> element inside the ItemTemplate.

1. The table cells inside the template inherit border styles from the RadGrid skin, which is normal. You can avoid this by using the following CSS rule:

.RadGrid  .rgRow  td  td,
.RadGrid  .rgAltRow  td  td
{
        border-width: 0 ;
        padding: 0 ;  /* will remove the RadGrid skin cell paddings */
}


2. Due to performance considerations, the row hover styles do not work when you mouseover a <table> inside a template column.


I suggest you to remove the <table> from the ItemTemplate - it seems it is not needed anyway.


Regards,
Dimo
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Marc Schaaks]

Dimo,

Indeed the removal of the table elements did the trick.

Thanks for your quick reply on this !

Marc.