title: Multirow hover in repeater table
body: <p>I have an <em>asp repeater</em> in which I display multiple datarows. It would be great if I could have a hover effect on 3 tablerows (not 3 datarows) at the same time.</p>
  <pre><code>&lt;asp:Repeater ID=&quot;RepTime&quot; runat=&quot;server&quot;&gt;                     
      &lt;HeaderTemplate&gt;
          &lt;table class=&quot;repTable&quot;&gt;
              &lt;tr class=&quot;Headertemplate&quot;&gt;            
                  &lt;th&gt;&lt;/th&gt;                                   
                  &lt;th&gt;Titel&lt;/th&gt;                                
              &lt;/tr&gt;                           
      &lt;/HeaderTemplate&gt;        
      &lt;ItemTemplate&gt;     
              &lt;tr class=&quot;Itemtemplate&quot;&gt;     
                  &lt;td&gt;&lt;asp:LinkButton runat=&quot;server&quot; ID=&quot;btnDesnote&quot; Text='&lt;i class=&quot;fa fa-chevron-down fa-lg&quot; aria-hidden=&quot;true&quot; &gt;&lt;/i&gt;' ForeColor=&quot;Black&quot; OnClick=&quot;btnDesnote_Click&quot;/&gt;&lt;/td&gt;                                
                  &lt;td&gt;&lt;asp:Label runat=&quot;server&quot; Text='&lt;%# Eval(&quot;Title&quot;)%&gt;'/&gt;&lt;/td&gt;                               
              &lt;/tr&gt;
              &lt;tr id=&quot;Desnote0&quot; style=&quot;display:none;&quot; runat=&quot;server&quot; &gt;
                  &lt;th colspan=&quot;6&quot;&gt;Description&lt;/th&gt;
              &lt;/tr&gt;
              &lt;tr id=&quot;Desnote1&quot; style=&quot;display:none;&quot; runat=&quot;server&quot; &gt;
                  &lt;td colspan=&quot;6&quot;&gt;
                      &lt;asp:TextBox runat=&quot;server&quot; ID=&quot;tbDescription&quot; Text='&lt;%# Eval(&quot;Description&quot;)%&gt;' TextMode=&quot;MultiLine&quot; Enabled=&quot;false&quot; Width=&quot;100%&quot;/&gt;
                  &lt;/td&gt;                               
              &lt;/tr&gt;
      &lt;/ItemTemplate&gt;  
      &lt;AlternatingItemTemplate&gt;                       
              &lt;tr class=&quot;Altertemplate&quot;&gt;                                                             
                  &lt;td&gt;&lt;asp:LinkButton runat=&quot;server&quot; ID=&quot;btnDesnote&quot; Text='&lt;i class=&quot;fa fa-chevron-down fa-lg&quot; aria-hidden=&quot;true&quot; &gt;&lt;/i&gt;' ForeColor=&quot;Black&quot; OnClick=&quot;btnDesnote_Click&quot;/&gt;&lt;/td&gt;                                
                  &lt;td&gt;&lt;asp:Label runat=&quot;server&quot; Text='&lt;%# Eval(&quot;Title&quot;)%&gt;'/&gt;&lt;/td&gt;                               
              &lt;/tr&gt;
              &lt;tr id=&quot;Desnote0&quot; style=&quot;display:none;&quot; runat=&quot;server&quot; &gt;
                  &lt;th colspan=&quot;6&quot;&gt;Description&lt;/th&gt;
              &lt;/tr&gt;
              &lt;tr id=&quot;Desnote1&quot; style=&quot;display:none;&quot; runat=&quot;server&quot; &gt;
                  &lt;td colspan=&quot;6&quot;&gt;
                      &lt;asp:TextBox runat=&quot;server&quot; ID=&quot;tbDescription&quot; Text='&lt;%# Eval(&quot;Description&quot;)%&gt;' TextMode=&quot;MultiLine&quot; Enabled=&quot;false&quot; Width=&quot;100%&quot;/&gt;
                  &lt;/td&gt;                               
              &lt;/tr&gt; 
      &lt;/AlternatingItemTemplate&gt;                     
      &lt;FooterTemplate&gt;
        &lt;/table&gt;
      &lt;/FooterTemplate&gt;                                  
  &lt;/asp:Repeater&gt;
  </code></pre>
  <p>the result looks like this:
  *sorry for my drawing skills</p>
  <p><a href="https://i.stack.imgur.com/Df71Y.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Df71Y.png" alt="enter image description here" /></a></p>
  <p>the red part is one datarow and is made of 3table rows. With the arrow you can show tablerow 2 and 3 which are the description header and textbox.</p>
  <p>Now should on hover over the <em>itemtemplate</em> only these rows light up in gray, red I don't care which color.</p>