C#中GridView设置滚动条的问题。 20

代码如下:<divstyle="width:100%;overflow:scroll;clear:both;"><asp:GridViewID="gvBargain"ru... 代码如下:
<div style="width:100%; overflow:scroll; clear:both;">
<asp:GridView ID="gvBargain" runat="server" AutoGenerateColumns="False" CssClass="gridview_m"
Style="text-align: center" OnRowDataBound="gvBargain_RowDataBound" Width="1300px">
<Columns>
<asp:BoundField HeaderText="编号">
<ItemStyle Width="40px" />
</Columns>
</asp:GridView>
</div>

我想要的效果是:
div随着屏幕的大小100%而适应;
如果Gridview的宽度大于了屏幕也是在div里面,div显示滚动条!然而上诉的代码是div跟着gridview的宽度而变化。
高手求救,在线等。。。。。
展开
 我来答
gloryking2010
推荐于2018-04-18 · TA获得超过922个赞
知道小有建树答主
回答量:417
采纳率:100%
帮助的人:254万
展开全部
<div style="width:100%; overflow:scroll; clear:both;"></div>
问题出在这个div了,和GridView没关系。
你可以这样做:
前台:
<div id=’divGridView‘ runat=‘server’ >
<asp:GridView ID="gvBargain" runat="server" AutoGenerateColumns="False" CssClass="gridview_m"
Style="text-align: center" OnRowDataBound="gvBargain_RowDataBound" Width="1300px">
<Columns>
<asp:BoundField HeaderText="编号">
<ItemStyle Width="40px" />
</Columns>
</asp:GridView>
</div>
后台:
................
this.divGridView.Attributes["style"] = "width:770px;overflow:auto;"
+ (dt.Rows.Count >= 30 ? "height:480px" : string.Empty);
其中的dt表示要绑定到gvBargain上的DataTable,这个语句就是当要绑定的数据dt.Rows.Count
大于你设置的行数(这里我设置的是30)时候显示滚动条否则不显示。div的高度和超过多少行时显示滚动条,你可以自己调试,看看具体有多少行时需要显示,就可以了。

}
追问
this.divGridView.Attributes["style"] = "width:770px;overflow:auto;"
+ (dt.Rows.Count >= 30 ? "height:480px" : string.Empty);
这样的话,width:770px 还是给div固定了大小,我想让他等于当前窗口的大小
追答
那你可以获取当前的窗口的大小再付给宽度和高度啊。
wfe52lzh
2012-06-20 · TA获得超过572个赞
知道小有建树答主
回答量:114
采纳率:0%
帮助的人:109万
展开全部
首先,你设置成100%是绝对不行的,必须是固定值,要想div适应屏幕可以用js来设置div的高和宽,如:<div style="overflow:auto;" id="divGridView">
<script type="text/javascript">
window.onload = function() {
var scrollwidth = document.body.clientWidth - 10;
var scrollheight = document.body.clientHeight - 10;
document.getElementById("divGridView").style.width = scrollwidth;
document.getElementById("divGridView").style.height = scrollheight;
}
</script>
减去10,是为了留出边距,你可以根据你的页面调整这个值的大小
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友063b95e
2012-06-14 · TA获得超过175个赞
知道答主
回答量:113
采纳率:0%
帮助的人:76.2万
展开全部
<div style="width:100%; border:2px solid red; overflow:scroll; clear:both;">
<input id="Text1" type="text" style="width:1300px;border:2px solid blue;" />
</div>
验证无误,而且,感觉你那个代码也没啥问题,不知道是哪里出了问题。是body设置了width还是怎么的?
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式