Question

我有一个 asp转发器，其中我显示多个数据行。如果我可以同时对3个tablerows（而不是3个datarows）进行悬停效果，那将会很棒。

我缩短了代码！

<asp:Repeater ID="RepTime" runat="server">                     
    <HeaderTemplate>
        <table class="repTable">
            <tr class="Headertemplate">            
                <th></th>                                   
                <th>Titel</th>                                
            </tr>                           
    </HeaderTemplate>        
    <ItemTemplate>     
            <tr class="Itemtemplate">     
                <td><asp:LinkButton runat="server" ID="btnDesnote" Text='<i class="fa fa-chevron-down fa-lg" aria-hidden="true" ></i>' ForeColor="Black" OnClick="btnDesnote_Click"/></td>                                
                <td><asp:Label runat="server" Text='<%# Eval("Title")%>'/></td>                               
            </tr>
            <tr id="Desnote0" style="display:none;" runat="server" >
                <th colspan="6">Description</th>
            </tr>
            <tr id="Desnote1" style="display:none;" runat="server" >
                <td colspan="6">
                    <asp:TextBox runat="server" ID="tbDescription" Text='<%# Eval("Description")%>' TextMode="MultiLine" Enabled="false" Width="100%"/>
                </td>                               
            </tr>
    </ItemTemplate>  
    <AlternatingItemTemplate>                       
            <tr class="Altertemplate">                                                             
                <td><asp:LinkButton runat="server" ID="btnDesnote" Text='<i class="fa fa-chevron-down fa-lg" aria-hidden="true" ></i>' ForeColor="Black" OnClick="btnDesnote_Click"/></td>                                
                <td><asp:Label runat="server" Text='<%# Eval("Title")%>'/></td>                               
            </tr>
            <tr id="Desnote0" style="display:none;" runat="server" >
                <th colspan="6">Description</th>
            </tr>
            <tr id="Desnote1" style="display:none;" runat="server" >
                <td colspan="6">
                    <asp:TextBox runat="server" ID="tbDescription" Text='<%# Eval("Description")%>' TextMode="MultiLine" Enabled="false" Width="100%"/>
                </td>                               
            </tr> 
    </AlternatingItemTemplate>                     
    <FooterTemplate>
      </table>
    </FooterTemplate>                                  
</asp:Repeater>

结果如下： *对不起我的绘画技巧

红色部分是一个数据行，由3行组成。使用箭头，您可以显示表格2和3，它们是描述标题和文本框。

现在应该将鼠标悬停在 itemtemplate 上，只有这些行以灰色亮起，红色我不在乎颜色。

Answer 1

添加＆lt; tbody＆gt;标记每组三行，然后添加样式到tbody标签以使用：hover psuedo类应用背景颜色。

多重悬停在中继器表中

1 个答案: