停止表扩展屏幕

Question

我有一个页面在ASP.net有一个基于数据表获取自动生成并使用Telerik RadGrid显示的表，我希望页面大小保持不变，如果表太宽应该有自己的滚动条。

我已经使用IE9和Firefox进行了测试，他们都在页面上放置了一个滚动条而不是表格。

如果我使用IE9的web开发工具栏，将模式设置为IE7它呈现我多么想在桌子上滚动！

的ASP标记代码如下：

<%@ Page Title="Data Audit" Language="C#" Theme="Editor" MasterPageFile="~/MasterPages/MasterPlanEditor.Master" 
    AutoEventWireup="True" CodeBehind="DataAudit.aspx.cs" Inherits="IFMA.MasterPlan.Web.Modules.Administrator.DataAuditing.DataAudit" %> 

<%@ Register Src="../../../Common/Controls/ContentTitleBar.ascx" TagName="ContentTitleBar" 
    TagPrefix="IFMA" %> 
<%@ Register Src="../../../Common/Controls/CMSSection.ascx" TagName="CMSSection" 
    TagPrefix="IFMA" %> 
<%@ Register Src="../../../Common/Controls/PageMessage.ascx" TagName="PageMessage" 
    TagPrefix="IFMA" %> 
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server"> 
</asp:Content> 
<asp:Content ID="Content4" ContentPlaceHolderID="MainContent" runat="server"> 
    <!-- AJAX ---> 
    <telerik:RadAjaxManager ID="AjaxManager" runat="server"> 
     <AjaxSettings> 
      <telerik:AjaxSetting AjaxControlID="RadAjaxPanel"> 
       <UpdatedControls> 
        <telerik:AjaxUpdatedControl ControlID="RadAjaxPanel" LoadingPanelID="AjaxLoadingPanel" /> 
       </UpdatedControls> 
      </telerik:AjaxSetting> 
     </AjaxSettings> 
    </telerik:RadAjaxManager> 
    <telerik:RadAjaxLoadingPanel ID="AjaxLoadingPanel" runat="server" Skin="Default" /> 
    <telerik:RadTabStrip ID="TabStrip" runat="server" Skin="Default"> 
     <Tabs> 
      <telerik:RadTab Text="Data Audit" Selected="true"> 
      </telerik:RadTab> 
     </Tabs> 
    </telerik:RadTabStrip> 
    <div class="BlueContentContainer"> 
     <div class="PaddingContentContainer"> 
      <IFMA:PageMessage ID="pageMessage" runat="server" /> 
      Please select the audit entity: 
      <telerik:RadComboBox ID="cmbAuditSelection" runat="server" AllowCustomText="false" 
       OnItemsRequested="cmdAuditSelection_OnItemsRequested" EnableLoadOnDemand="true" 
       Width="350px" OnSelectedIndexChanged="cmbAuditSelection_OnSelectedIndexChanged" 
       CausesValidation="false" AppendDataBoundItems="true" EmptyMessage="Please Select" 
       AutoPostBack="true" Skin="Office2007" /> 
      <br /> 
      <br /> 
      <asp:Panel ID="GridPanel" BorderderStyle="Solid" BorderColor="MenuBar" ScrollBars="Auto" 
       Height="98%" runat="server"> 
       <telerik:RadGrid ID="Grid" Skin="Office2007" AllowPaging="false" Style="width: auto" 
        ShowGroupPanel="false" runat="server" OnColumnCreated="Grid_OnColumnCreated" 
        GridLines="Both"> 
        <MasterTableView AutoGenerateColumns="True" HeaderStyle-Wrap="false" ShowHeadersWhenNoRecords="false" /> 
       </telerik:RadGrid> 
      </asp:Panel> 
     </div> 
    </div> 
</asp:Content> 

和css

我快要疯了试图弄清楚这一点，我没有做了很多CSS的，所以希望有人这里可能知道。

Answer 1

您可以用

<div style="overflow:auto"> 

your table here 

</div>