注册 登录
编程论坛 ASP.NET技术论坛

水平滚动条的问题,请各位高手帮帮忙

jwniu 发布于 2008-12-05 11:01, 1438 次点击
我做了一个界面,左侧窗体是查询条件,右侧窗体是显示数据的gridview,左侧窗体可收缩隐藏,这样可以全屏查看右侧的数据,我在gridview上加了<div id="div_list"...>来显示滚动条,但滚动条宽度是个固定值。
现在我想让水平滚动条随着窗体大小的改变而进行调整,让gridview中所有列的数据都能完整显示,请大家帮我看看改怎样实现呢?最好给出简要的代码,谢谢啦~~
6 回复
#2
bygg2008-12-05 15:19
把gridview放到div中.
再将div的宽度和高度设成100%.
#3
weiwei85622008-12-05 15:47
谢谢帮忙,但还是不好使呀,还有更好的办法吗,例如用屏幕宽度-左侧窗体的宽度,就是右侧的宽度了,这样的办法可行吗?代码怎么实现呢?
#4
bygg2008-12-05 15:50
为什么不好用呢?我这样用都很好的啊
把人的代码放出来看看
#5
weiwei85622008-12-05 16:23
我是个菜鸟,确实还是不好使呢。。。我在gridview外还套个table,因为左右两边是两个框架,是因为table的原因不好使吗,代码在下面,请大师指点~~

<div id="div_list" style="overflow: auto; width: 790px; height: 325px;">
<asp:GridView ID="GridView1" runat="server" AllowPaging="True" Font-Size="10pt" Width="1400px" CssClass="tblist" OnRowDataBound="GridView1_RowDataBound" Visible="False" OnPageIndexChanging="GridView1_PageIndexChanging"
PageSize="50" BackColor="White" BorderColor="#3366CC" BorderStyle="None" BorderWidth="1px" CellPadding="4" OnDataBound="GridView1_DataBound" Style="vertical-align: top;text-align: center; overflow: scroll; border-right: LightSlateGray 1px solid; border-top: LightSlateGray 1px solid;
border-left: LightSlateGray 1px solid; cursor: hand; border-bottom: LightSlateGray 1px solid; background-color: transparent;"
HorizontalAlign="Center" >
<Columns>
<asp:TemplateField HeaderText="选择">
<ItemTemplate>
<asp:CheckBox ID="ChkSelected" runat="server" /></ItemTemplate>
<ItemStyle Height="10px" />
<ControlStyle Height="10px" Width="50px" />
<HeaderStyle Height="10px" Width="50px" />
</asp:TemplateField>
<asp:BoundField HeaderText="ID">
<ItemStyle Height="10px" />
<HeaderStyle Height="10px" />
</asp:BoundField>
</Columns>
<FooterStyle CssClass="page_list" BackColor="#00C0C0" ForeColor="#003399" />
<HeaderStyle CssClass="title" BackColor="White" BorderStyle="Outset" BorderWidth="2px" Font-Bold="True" ForeColor="#CCCCFF" />
<AlternatingRowStyle CssClass="even" />
</asp:GridView>
<FooterStyle CssClass="page_list" BackColor="#00C0C0" ForeColor="#003399" />
<HeaderStyle CssClass="title" BackColor="White" BorderStyle="Outset" BorderWidth="2px" Font-Bold="True" ForeColor="#CCCCFF" />
<AlternatingRowStyle CssClass="even" />
</asp:GridView>
</div>
#6
bygg2008-12-05 16:30
<div  id="myDiv" name="myDiv" style="width:100%;height:100%;OVERFLOW:auto; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;" onclick="jvascript:document.getElementById('divStatus').style.display='none';" >
   <asp:GridView width="790px" height="100%">
           .............
   </asp:GridView>
</div>

试试看.....
1