<div>
thanks . &nbsp;. 
 
When I tried that, it only made the text of the cell change its back color, not the whole cell. 
 
I tried this : 
 
&lt;asp:TemplateField ItemStyle-Width=&quot;35%&quot; ItemStyle-CssClass=&quot;wholeCell&quot;&gt; 
&lt;ItemTemplate&gt; 
&lt;a href=&quot;ProductDetails.aspx?ProductId=&lt;%#Eval(&quot;ProductId&quot;)%&gt;&quot; class=&quot;wholeCell&quot; style=&quot;font-size:14px;&quot; &gt; 
... 
 
When I move the mouse over, the whole cell changes back color, but only the text has a clickable link. 
 
Being this is a ASP.NET &lt;asp:GridView&gt;, it's hard to do these kind of things because you don't know what the 
gridview is doing behind the scenes. Just have to experiment I guess. 

</div>

<div>
Can you do it like follows? 
&nbsp;
<pre><code class="code-1 nolinks" id="code-8167676">&lt;a href=&quot;ProductDetails.aspx?ProductId=&lt;%#Eval(&quot;ProductId&quot;)%&gt;&quot; class=&quot;wholeCell&quot; &gt;
&lt;asp:TemplateField ItemStyle-Width=&quot;35%&quot;&gt;
&lt;ItemTemplate&gt;
&lt;%#Server.HtmlEncode(Eval(&quot;Name&quot;).ToString())%&gt;
&lt;/ItemTemplate&gt;&lt;/asp:TemplateField&gt;
&lt;/a&gt;
</code></pre>
</div>

<div>
was thinking of trying that but figured the compiler wouldn't like that, and it didn't. 
I'm guessing this is not possible to do with these templates in the grid view. 
Just have to keep experimenting I guess. 

</div>

<div>
Try this: 
 

<pre><code class="code-1 nolinks" id="code-20-35763387-1">Protected Sub GridView1_DataBound(ByVal sender As Object, ByVal e As System.EventArgs) Handles GridView1.DataBound
 For Each row As GridViewRow In GridView1.Rows
 row.Cells(1).Attributes(&quot;onmouseover&quot;) = &quot;this.style.cursor='pointer';this.style.textDecoration='none';&quot;
 Next
 End Sub
</code></pre>
</div>

<div>
<div class="content wysiwyg-content">
I want to make this whole cell (column) a hyperlink, so when the mouse is moved over it, 
the cell back color changes, and you can click any where in the cell to go to the link. 
 
&lt;asp:TemplateField ItemStyle-Width=&quot;35%&quot;&gt; 
&lt;ItemTemplate&gt; 
&lt;a href=&quot;ProductDetails.aspx?ProductId=&lt;%#Eval(&quot;ProductId&quot;)%&gt;&quot; style=&quot;font-size:14px;&quot;&gt; 
&lt;%#Server.HtmlEncode(Eval(&quot;Name&quot;).ToString())%&gt; 
&lt;/a&gt; 
&lt;/ItemTemplate&gt;&lt;/asp:TemplateField&gt; 
 
How can I do this? thanks 

</div>
</div>

I want to make this whole cell (column) a hyperlink, so when the mouse is moved over it,
the cell back color changes, and you can click any where in the cell to go to the link.

<asp:TemplateField ItemStyle-Width="35%">
<ItemTemplate>
<a href="ProductDetails.aspx?ProductId=<%#Eval("ProductId")%>" style="font-size:14px;">
<%#Server.HtmlEncode(Eval("Name").ToString())%>
</a>
</ItemTemplate></asp:TemplateField>

How can I do this? thanks

Making the whole cell a Hyperlink when mouse is moved over it

The successor to Active Server Pages, ASP.NET websites utilize the .NET framework to produce dynamic, data and content-driven web applications and services. ASP.NET code can be written using any .NET supported language. As of 2009, ASP.NET can also apply the Model-View-Controller (MVC) pattern to web applications

ASP.NET

Cascading Style Sheets (CSS) is a language used for describing the look and formatting of a document written in a markup language. Usually used to change web pages and user interfaces written in HTML, it can also be applied to any kind of XML document. CSS is designed primarily to distinguish the content of a document from its presentation.

HTML (HyperText Markup Language) is the main markup language for creating web pages and other information to be displayed in a web browser, providing both the structure and content for what is sent from a web server through the use of tags. The current implementation of the HTML specification is HTML5.