2012-11-20 51 views
0

在asp.net中,我需要將帶有固定標題的滾動重複器。我需要使用單獨的css或wat。或者我需要修復repeater自動div.or提供給我的任何鏈接,這解釋了這部分?幫我具有滾動選項的固定標題的repeater

重複器是div標籤

<div style="overflow: auto; height: 200px;"> 
<asp:Repeater ID="id_repSearch" runat="server"> 
              <HeaderTemplate> 
               <table style="border: 1px solid #465c71;" cellpadding="5" width="100%"> 
                <tr style="background-color: #465c71; color: White" align="center"> 
                 <td width="20%" align="center"> 
                  Firstname 
                 </td> 
                 <td width="20%" align="center"> 
                  Lastname 
                 </td> 
                 <td width="40%" align="center"> 
                  Emailid 
                 </td> 
                 <td width="35%" align="center"> 
                  Mobileno 
                 </td> 
                </tr> 
               </table> 
              </HeaderTemplate> 
</div> 

我應該寫任何CSS類seperately的標題和重複器只顯示列

回答

0

您可以使用asp.net面板控制,實現垂直或水平滾動。

只要刪除標題模板和上面的面板使自己的標題行。

<table> 
<tr> 
<td> 
<table style="border: 1px solid #465c71;"  cellpadding="5" width="100%"> 
               <tr style="background-color: #465c71; color: White" align="center"> 
                <td width="20%" align="center"> 
                 Firstname 
                </td> 
                <td width="20%" align="center"> 
                 Lastname 
                </td> 
                <td width="40%" align="center"> 
                 Emailid 
                </td> 
                <td width="35%" align="center"> 
                 Mobileno 
                </td> 
               </tr> 
              </table> 
<asp:Panel runat="server" Id="scrollPanel" Height="200px;" Scrollbar="Vertical"> 
<asp:Repeater ID="id_repSearch" runat="server"> 
<itemteplate> 
<table style="border: 1px solid #465c71;"  cellpadding="5" width="100%"> 
               <tr style="background-color: #465c71; color: White" align="center"> 
put your repeating controls here 
</tr> 
</table> 
/itemtemplate> 
</asp:Panel> 
</td> 
</tr> 
</table>