不分页DataGrid,像c/s下的移动滚动条而表头不动!!!

 原理:隐藏datagrid表头,加个div,有个重要的样式一定要有:overflow:auto;
      然后在datagrid上面加个表格,用来模拟datagrid表头
<table style="WIDTH: 500px; HEIGHT: 24px">
     <tr>
      <td style="WIDTH: 132px">时间</td>
      <TD style="WIDTH: 126px">入库时间</TD>
      <TD style="WIDTH: 79px"></TD>
      <td style="WIDTH: 74px"></td>
      <TD></TD>
     </tr>
    </table>
    <div style="BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: auto; BORDER-LEFT: 0px; WIDTH: 500px; PADDING-TOP: 0px; BORDER-BOTTOM: 0px; HEIGHT: 216px">
<asp:datagrid id="DataGrid1" runat="server" AutoGenerateColumns="False" OnEditCommand="dgedit"
      Height="88px" Width="488px">
      <Columns>
       <asp:TemplateColumn>
        <HeaderTemplate>
         <asp:CheckBox ID="chkMul" AutoPostBack="True" Runat="server" Text="全选" OnCheckedChanged="chkChanged"></asp:CheckBox>
        </HeaderTemplate>
        <ItemTemplate>
         <asp:CheckBox Runat="server" ID="chkSigle"></asp:CheckBox>
        </ItemTemplate>
       </asp:TemplateColumn>
       <asp:BoundColumn DataField="time1" HeaderText="时间">
        <ItemStyle Width="132px"></ItemStyle>
       </asp:BoundColumn>
       <asp:TemplateColumn HeaderText="入库时间">
        <ItemStyle Width="126px"></ItemStyle>
        <ItemTemplate>
         <asp:Label ID=lblTime Runat=server Text='<%# DataBinder.Eval(Container.DataItem,"rukushijian")%>'>
         </asp:Label>
        </ItemTemplate>   
       </asp:TemplateColumn>
       <asp:TemplateColumn>
        <ItemTemplate>
         <asp:Button ID="btnDel" Runat="server" Text="删除"></asp:Button>
        </ItemTemplate>
       </asp:TemplateColumn>   
      </Columns>
     </asp:datagrid></div>

posted on 2004-09-06 11:20  阿森  阅读(634)  评论(0)    收藏  举报

导航