停止表擴展屏幕

我有一個頁面在ASP.net有一個基於數據表獲取自動生成並使用Telerik RadGrid顯示的表，我希望頁面大小保持不變，如果表太寬應該有自己的滾動條。停止表擴展屏幕

我已經使用IE9和Firefox進行了測試，他們都在頁面上放置了一個滾動條而不是表格。 Not working

如果我使用IE9的web開發工具欄，將模式設置爲IE7它呈現我多麼想在桌子上滾動！ How I want it to work

的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的，所以希望有人這裏可能知道。

來源

2011-05-17 Daniel Powell

您可以用

<div style="overflow:auto"> 

your table here 

</div>

來源

2011-05-17 07:48:16 Menahem

或表格的佈局包裹表：固定 – 2011-07-14 14:44:43

停止表擴展屏幕

回答

相關問題