用gridview控件显示数据,由于行数较多,在网页上滚动不方便,就将gridview放入panel控件里,panel设置了高度,通过panel的垂直滚动条滚动gridview表。但是很奇怪,运行后panel控件和上面的控件之间空了一大段,设计时是紧靠在一起的,不知道这种情况大家是怎么做的。

解决方案 »

  1.   

    <body>
        <form id="form1" runat="server">
        <div>
            <uc1:runmenu ID="runmenu1" runat="server" />
        </div>
        <div id="gridview">//在该区里放入gridview控件
            <asp:Panel ID="Panel1" runat="server" BorderStyle="Inset" Height="500px">
            <asp:UpdatePanel ID="UpdatePanel1" runat="server">//只更新gridview页面其他部分不更新
                <ContentTemplate>
                    <asp:ScriptManager ID="ScriptManager1" runat="server">
                    </asp:ScriptManager>
                    <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSource1" 
        AllowSorting="True" CellSpacing="1" HorizontalAlign="Center">
                        <Columns>
                            <asp:BoundField DataField="bh" HeaderText="编号" ReadOnly="True" 
                        SortExpression="bh" Visible="False" />
                            <asp:BoundField DataField="cpmc" HeaderText="产品名称" SortExpression="cpmc" >
                                <ItemStyle Width="80px" />
                            </asp:BoundField>
                            <asp:BoundField DataField="pp" HeaderText="品牌" SortExpression="pp" >
                                <ItemStyle Width="80px" />
                            </asp:BoundField>
                            <asp:BoundField DataField="gg" HeaderText="规格" SortExpression="gg" >
                                <ItemStyle Width="100px" />
                            </asp:BoundField>
                            <asp:BoundField DataField="jhrq" HeaderText="进货日期" SortExpression="jhrq" 
                                DataFormatString="{0:yyyy.MM.dd}" >
                                <ItemStyle HorizontalAlign="Center" />
                            </asp:BoundField>
                            <asp:BoundField DataField="jhsl" HeaderText="进货数量" SortExpression="jhsl" >
                                <ItemStyle HorizontalAlign="Right" />
                            </asp:BoundField>
                            <asp:BoundField DataField="jhdj" HeaderText="进货单价" SortExpression="jhdj" 
                                DataFormatString="{0:f}" >
                                <ItemStyle HorizontalAlign="Right" />
                            </asp:BoundField>
                            <asp:BoundField DataField="kcsl" HeaderText="库存数量" SortExpression="kcsl" >
                                <ItemStyle HorizontalAlign="Right" />
                            </asp:BoundField>
                            <asp:BoundField DataField="lr" HeaderText="利润" SortExpression="lr" 
                                DataFormatString="{0:f}" >
                                <ItemStyle HorizontalAlign="Right" Width="80px" />
                            </asp:BoundField>
                            <asp:BoundField DataField="xsh" HeaderText="显示" SortExpression="xsh" 
                        Visible="False" />
                            <asp:BoundField DataField="xg" HeaderText="修改" SortExpression="xg" 
                        Visible="False" />
                        </Columns>
                        <HeaderStyle HorizontalAlign="Center" />
                    </asp:GridView>
                </ContentTemplate>
            </asp:UpdatePanel>
            </asp:Panel>
        </div>
            <asp:SqlDataSource ID="SqlDataSource1" runat="server" 
                ConnectionString="<%$ ConnectionStrings:Jiamei_CSConnectionString %>" 
                SelectCommand="SELECT * FROM [jinhuobiao]"></asp:SqlDataSource>
        </form>
    </body>
      

  2.   

    你设置你的plane的大小时候
    是不是敲了回车了哦哦
      

  3.   

    style="clear:both;margin:0px;padding:0px;text-align:left;"
    这样不知道行不行了
      

  4.   

    gridview 固定表头,内容滚动
    http://topic.csdn.net/u/20090926/11/1e89b65a-7f38-4c56-b217-05af59bdae62.html
      

  5.   

    我在CSS文件里加一句float:left,运行时panel先是紧帖上一控件,随后就跑到下面去了,不知什么原因
      

  6.   

    panel加上高度后,加一个样式。基本特性
    初始值: visible  适用于: block-level and replaced elements  
    继承性: 无  百分比: N/A  
    媒体: visual  版本: CSS2  
    兼容性: IE4+ NS6+    基本语法
    overflow : visible | auto | hidden | scroll 
    语法取值
    visible  :  默认值。不剪切内容也不添加滚动条。假如显式声明此默认值,
                 对象将以包含对象的 window 或 frame 的尺寸裁切。并且 clip 属性设置将失效 
    auto     :  在必需时对象内容才会被裁切或显示滚动条 
    hidden   :  不显示超过对象尺寸的内容 
    scroll   :  总是显示滚动条 
      

  7.   

    现在是这样,将panel的height设置为500px,滚动条属性设置none,页面显示panel的height和gridview的一样,不是500px,panel的位置正常。
    如果将panel的height设置为500px,滚动条属性设置为auto、both或者其他的,页面显示panel的height是500px,但是panel上有了一大段空白。
    实在不知道原因,很困惑
      

  8.   

    按道理不会把
    我一般用DIV 要不你试试
      

  9.   

    找到原因了,我将gridview的HorizontalAlign属性设置成了center,就产生了以上现象,设置成其他值如left、noset等就没事,但是这样就不居中了
      

  10.   

    解决了,将panel的HorizontalAlign属性设置成center就行了