为了不让GridView字段的内容向下扩展破坏整个页面的高度.我把每列数据都设置了:
<ItemStyle Wrap="False" />
<HeaderStyle Wrap="False" />但是,如果字段比较少时,尤其是GridView没有数据时,整个GridView变得非常窄,整个页面上,只有一点点宽度的GridView.非常难看.
有个想法:给GridView设置一个最小宽度,没有数据,或数据列数少时,整个GridView自动按比例扩展到整个区域中.如果超出,就出现左右拉的滚动条.
请问,如何实现?
<body bgcolor="#E4E4E4" leftmargin="0" topmargin="0" >
<form id="form1" runat="server">
<div>
<table width="98%" align="center" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="E7E7E7">
<tr>
<td valign="top" bgcolor="E7E7E7">
<!-- 记录区域 开始 --->
<div id="divGridView" style="position:absolute;left:10px;top:46px;width:100%;height:100%;z-index:1;overflow: auto;">
<table border="0" width="100%" height="95%" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">
<asp:GridView ID="GridView1" runat="server" EmptyDataText="没有记录!" AutoGenerateColumns="False" BackColor="#F2F2F2" AllowSorting="True" OnSorting="GridView1_Sorting" AllowPaging="True" HorizontalAlign="Left" OnRowDataBound="GridView1_RowDataBound">
<Columns>
<asp:BoundField HeaderText="编号" DataField="Id" Visible="False" />
<asp:TemplateField HeaderText="选择">
<ItemTemplate>
<input type="radio" id="RadioName" name="RadioName" value='<%# Eval("Id")%>' />
</ItemTemplate>
<ItemStyle Wrap="False" />
<HeaderStyle Wrap="False" />
</asp:TemplateField>
<asp:TemplateField HeaderText="序号">
<ItemTemplate>
<%# Container.DataItemIndex + 1%>
</ItemTemplate>
<ItemStyle Wrap="False" />
<HeaderStyle Wrap="False" />
</asp:TemplateField>
<asp:BoundField DataField="Code" HeaderText="代码" SortExpression="Code" >
<ItemStyle Wrap="False" />
<HeaderStyle Wrap="False" />
</asp:BoundField>
<asp:BoundField DataField="Name" HeaderText="名称" SortExpression="Name" >
<ItemStyle Wrap="False" />
<HeaderStyle Wrap="False" />
</asp:BoundField>
......
<ItemStyle Wrap="False" />
<HeaderStyle Wrap="False" />但是,如果字段比较少时,尤其是GridView没有数据时,整个GridView变得非常窄,整个页面上,只有一点点宽度的GridView.非常难看.
有个想法:给GridView设置一个最小宽度,没有数据,或数据列数少时,整个GridView自动按比例扩展到整个区域中.如果超出,就出现左右拉的滚动条.
请问,如何实现?
<body bgcolor="#E4E4E4" leftmargin="0" topmargin="0" >
<form id="form1" runat="server">
<div>
<table width="98%" align="center" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="E7E7E7">
<tr>
<td valign="top" bgcolor="E7E7E7">
<!-- 记录区域 开始 --->
<div id="divGridView" style="position:absolute;left:10px;top:46px;width:100%;height:100%;z-index:1;overflow: auto;">
<table border="0" width="100%" height="95%" cellspacing="0" cellpadding="0">
<tr>
<td valign="top">
<asp:GridView ID="GridView1" runat="server" EmptyDataText="没有记录!" AutoGenerateColumns="False" BackColor="#F2F2F2" AllowSorting="True" OnSorting="GridView1_Sorting" AllowPaging="True" HorizontalAlign="Left" OnRowDataBound="GridView1_RowDataBound">
<Columns>
<asp:BoundField HeaderText="编号" DataField="Id" Visible="False" />
<asp:TemplateField HeaderText="选择">
<ItemTemplate>
<input type="radio" id="RadioName" name="RadioName" value='<%# Eval("Id")%>' />
</ItemTemplate>
<ItemStyle Wrap="False" />
<HeaderStyle Wrap="False" />
</asp:TemplateField>
<asp:TemplateField HeaderText="序号">
<ItemTemplate>
<%# Container.DataItemIndex + 1%>
</ItemTemplate>
<ItemStyle Wrap="False" />
<HeaderStyle Wrap="False" />
</asp:TemplateField>
<asp:BoundField DataField="Code" HeaderText="代码" SortExpression="Code" >
<ItemStyle Wrap="False" />
<HeaderStyle Wrap="False" />
</asp:BoundField>
<asp:BoundField DataField="Name" HeaderText="名称" SortExpression="Name" >
<ItemStyle Wrap="False" />
<HeaderStyle Wrap="False" />
</asp:BoundField>
......
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货