리피터 컨트롤의 각 항목에 div 오버레이 추가

Question

절대 위치 지정을 사용하여 리피터 컨트롤에 div 오버레이를 추가했습니다. 이것은 간단히 모든 div를 동일한 위치에 렌더링합니다. 내 중계기의 각 행에이 오버레이를 넣을 수있는 방법이 있습니까?

<table style="border-style:None;width:350px;border-collapse:collapse;"> 
<tr> 
    <td> 
     <b>ID</b> 
    </td> 
    <td> 
     <b>User Name</b> 
    </td> 
    <td> 
     <b>Role</b> 
    </td> 
    <td> 
     <b>Last Logged On</b> 
    </td> 
</tr> 

<asp:Repeater ID="rptUsers" runat="server" 
    onitemdatabound="rptUsers_ItemDataBound"> 
    <ItemTemplate> 
    <div style="position:absolute; top:57px; width:350px; height:16px;" /> 
    <tr> 
     <td> 
      <asp:Label id="lblUserID" runat="server" Text='<% # Eval("ID") %>'></asp:Label> 
     </td> 
     <td> 
      <asp:Label id="lblUserName" runat="server" Text='<% # Eval("UserName") %>' ></asp:Label> 
     </td> 
     <td> 
      <asp:Label ID="lblUserRole" runat="server" Text='<% # Eval("UserRole") %>' ></asp:Label> 
     </td> 
     <td> 
      <asp:Label ID="lblUserLastLoggedOn" runat="server" Text='<% # ((DateTime)Eval("LastLogin") != DateTime.MinValue) ? Eval("LastLogin") : "Never" %>' ></asp:Label> 
     </td> 

    </tr>  
    </ItemTemplate> 
</asp:Repeater> 
</table> 

Answer 1

당신은 <table>의 자식으로 <div>가 없어야합니다. <div>을 첫 번째 <td>으로 이동 한 다음 에 position: relative을 설정하면됩니다. 위치 상대를 추가하면 절대 배치 된 <div>에 <tr>에 상대적인 위치를 지정합니다. <div>의 top 및 left CSS 속성을 조정해야 할 수 있습니다.