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的宽度而变化。
高手求救,在线等。。。。。 展开
<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的宽度而变化。
高手求救,在线等。。。。。 展开
3个回答
展开全部
<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的高度和超过多少行时显示滚动条,你可以自己调试,看看具体有多少行时需要显示,就可以了。
}
问题出在这个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固定了大小,我想让他等于当前窗口的大小
追答
那你可以获取当前的窗口的大小再付给宽度和高度啊。
展开全部
首先,你设置成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,是为了留出边距,你可以根据你的页面调整这个值的大小
<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,是为了留出边距,你可以根据你的页面调整这个值的大小
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<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还是怎么的?
<input id="Text1" type="text" style="width:1300px;border:2px solid blue;" />
</div>
验证无误,而且,感觉你那个代码也没啥问题,不知道是哪里出了问题。是body设置了width还是怎么的?
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询