一个DATAGRID的表头显示问题

Question

大体就是在一个DIV上放了个Datagrid,让datagrid溢出可以用DIV的滚动条来拉,而DG的表头让它始终处于DIV的最上方,不会因为滚动条的下拉而一起跟着往上走.然后现在的问题是这个DG里有一个模板列,里面放着一个DROPDOWNLIST,当下拉滚动条时,DG里的记录往上走,这时这个DROPDOWNLIST会把处于最上方的表头给遮住,别的都不会,就这个模板列会复盖住表头,很难看,不知道怎么解决.
(不知道我的意思表达清楚了吗?大体的代码在下面).有没有什么解决的好方法呀.
表头的CSS---
.tablehead1 { FONT-WEIGHT: bold; FONT-SIZE: 9pt; ; LEFT: expression(this.offsetParent.Left); POSITION: relative; ; TOP: expression(this.offsetParent.scrollTop); BACKGROUND-COLOR: #e0e3e8; TEXT-DECORATION: none; vAlign: middle; align: center }Datagrid----<div style="BORDER-RIGHT: #336666 3px double; BORDER-TOP: #336666 3px double; Z-INDEX: 112; LEFT: 184px; OVERFLOW: auto; BORDER-LEFT: #336666 3px double; WIDTH: 592px; BORDER-BOTTOM: #336666 3px double; POSITION: absolute; TOP: 320px; HEIGHT: 206px"align="left">
<asp:datagrid id="grd_salesforecast" runat="server" Width="692px" Height="297px" AutoGenerateColumns="False"BorderWidth="0px" BackColor="White" GridLines="None" Font-Size="12px" PageSize="3" ShowFooter="True">
<SelectedItemStyle BackColor="#5A7EBF"></SelectedItemStyle>
<ItemStyle Height="36px" ForeColor="#4A3C8C" BorderStyle="None" BorderColor="White" BackColor="White"></ItemStyle>
<HeaderStyle Height="0px" CssClass="tablehead1"></HeaderStyle>
<Columns>
         .....
         .....
         <asp:TemplateColumn HeaderText="经理审批">
         <ItemTemplate>
          <asp:DropDownList id="drop_status" runat="server" Width="82px" Font-Size="XXSmall">            </asp:DropDownList>
</ItemTemplate>
</asp:TemplateColumn>
         .....
         .....
         </Columns>
</asp:datagrid></div>

Answer 1

用一个Table做表头，div里的grid不显示表头，只显示数据

Answer 2

怎么放呀,好像不行呀,说DIV不能套在"DATAGRID"中

Answer 3

用一个Table做表头，div里的grid不显示表头，只显示数据我之前是这么做的,可是因为DG太长了,要往右连拉滚动条,只要一拉,表头和数据就不对了.所以不可以这么搞呀....

Answer 4

用模版列也可以的或者把表头放div外面，道理是一样的

Answer 5

把表头放div外面
zhj_zhj.请教呀..教教偶吧

Answer 6

zhj_zhj怎么放呀,好像不行呀,说DIV不能套在"DATAGRID"中

Answer 7

<div>表头</div>
<div style="overflow-x:hidden;overflow-y:auto">
<asp:DataGrid>只有数据</asp:DataGrid>
</div>
样式自己设置

Answer 8

这样做.那当向右拉DG这个DIV的滚动条时,表头不会跟着向右走呀...
DG除了向下溢出,还会向右溢出啊,这样没法实话表头和DG对齐吧?

Answer 9

<div style="overflow:auto" id="head">表头</div>
<div style="overflow:auto" onscroll="javascript:setScorll()" id="data">
<asp:DataGrid>只有数据</asp:DataGrid>
<script language="javascript">
function setScorll()
{
document.getElementById("head").scrollLeft=document.getElementById("data").scrollLeft;
}
</script>
</div>