0

私のグリッドビューがデータとともに大きくなると、つまりページサイズが10に増えると、グリッドビューはメインページ領域の外になります。画像は私の言葉を明確に説明しています。誰でも問題を解決するのを手伝ってもらえますか? ありがとう。ここに画像の説明を入力

    my CSS:

        body
        {
            margin-top: 0px;
            background-image: url('../Images/bg_gradient.png');
            background-repeat: repeat-x;
            background-color: #c6dee8;
        }

        #wrapper
        {
            border: 0px solid green;
            width: 980px;
            margin-right: auto;
            margin-left: auto;
        }


            #main
        {
            width: 978px;
            min-height: 750px;
            max-height: 1000px;
            overflow: auto;
            border: 1px solid black;
        }

        #leftContent
        {
            width: 180px;
            min-height: 750px;
            max-height: 1000px;
            float: left;
            border-right: 1px solid black;
        }
#recordDisplaydiv
{
    padding-top: 50px;
}

My Markup Code:

        <div id="recordDisplaydiv">
                <asp:UpdatePanel ID="UpdatePanel3" runat="server">
                    <ContentTemplate>
                        <asp:GridView ID="gvContract" runat="server" AutoGenerateColumns="False" DataKeyNames="ContractID"
                            CssClass="mGrid" OnPageIndexChanging="gvContract_PageIndexChanging" OnRowCommand="gvContract_RowCommand"
                            EmptyDataText="No Record Exist" PageSize="10" AllowPaging="true">
                            <AlternatingRowStyle CssClass="alt" />
                            <Columns>
                                <asp:BoundField DataField="KeyWinCountNumber" HeaderText="KeyWin Count#" />
                                <asp:BoundField DataField="ItemName" HeaderText="Item" />
                                <asp:BoundField DataField="BrandName" HeaderText="Brand" />
                                <asp:BoundField DataField="CountName" HeaderText="Count" />
                                <asp:BoundField DataField="SellerName" HeaderText="Seller" />
                                <asp:BoundField DataField="BuyerName" HeaderText="Buyer" />
                                <asp:BoundField DataField="ContractNumber" HeaderText="Contract#" />
                                <asp:BoundField DataField="ContractDate" HeaderText="Contract Date" />
                                <asp:BoundField DataField="CountryFromName" HeaderText="Country From" />
                                <asp:BoundField DataField="CountryToName" HeaderText="Country To" />
                                <asp:BoundField DataField="UnitName" HeaderText="Unit Name" />
                                <asp:BoundField DataField="TQty" HeaderText="Total Qty" />
                                <asp:BoundField DataField="Vans" HeaderText="Vans" />
                                <asp:BoundField DataField="UnitPrice" HeaderText="Unit Price" />
                                <asp:BoundField DataField="TAmount" HeaderText="Total Amount" />
                                <asp:TemplateField HeaderText="Delete">
                                    <ItemTemplate>
                                        <asp:ImageButton ID="imgDelete" runat="server" ImageUrl='<%# isDelete_img(Session["isAdmin"].ToString()) %>'
                                            CommandName="DeleteRecord" Enabled='<%# isDelete(Session["isAdmin"].ToString()) %>'
                                            CommandArgument='<%# Eval("ContractID") %>' AlternateText="DeleteRecord" OnClientClick="return confirm_delete();"
                                            Style='<%# delete_style(Session["isAdmin"].ToString()) %>' />
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Edit">
                                    <ItemTemplate>
                                        <asp:ImageButton ID="imgEdit" runat="server" ImageUrl="~/Images/edit.png" CommandName="EditRecord"
                                            CommandArgument='<%# Eval("ContractID") %>' AlternateText="EditRecord" />
                                    </ItemTemplate>
                                </asp:TemplateField>
                            </Columns>
                            <PagerStyle CssClass="pgr" />
                        </asp:GridView>
                    </ContentTemplate>
                </asp:UpdatePanel>
                <div id="ContractbtnExportdiv">
                    <asp:Button ID="btnExport" runat="server" CssClass="btnExportdiv" OnClick="btnExport_Click" />
                </div>
            </div>
4

4 に答える 4

1

問題を解決するスクロール可能な div に gridview を配置します

<div style="width:300px;height:250px;overflow:auto;">
  <gridview>
</div>
于 2012-11-02T10:53:49.823 に答える
0

overflow-y:auto;プロパティを使用して問題を解決してください。

div.classname {
  overflow-y:auto;
}
于 2012-11-02T11:01:17.420 に答える
0

削除してみてください:

max-height: 1000px;

#main および #leftContent div から

于 2012-11-02T11:07:50.433 に答える
-1

maximum-heightオーバーフロー y を auto として使用し、両方のパネルを削除#mainし#leftContentます#leftContent。これは役立つかもしれません。

于 2012-11-02T11:13:57.397 に答える