如何根據主頁面設置自動錶格寬度？

我在asp.net上使用了consomcontrols.grid。我在頁面上特別在IE上有寬度問題。我想根據主頁面設置gridview的寬度auto。如何根據主頁面設置自動錶格寬度？

我的網格寬度可以比頁面寬度大，我可以使用頁面div內的滾動。

這是我的問題的截圖：（IE 9）（問題住所有的瀏覽器時，網頁縮放）

enter image description here

我使用的母版：

<div style="width:90%"> 
    <asp:ContentPlaceHolder ID="MainContent" runat="server" /> 
</div>

這是我的網頁：

<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server"> 
<table border="0" cellpadding="0" cellspacing="0"> 
    <tr> 
    <td><h2 style="padding-bottom:5px;">Stil Tanım Ekranı</h2></td> 
     </tr> 
     <tr> 
      <td> 

      <table border="0" cellpadding="2" cellspacing="1"> 
       <tr> 
       <td> 
        <div id="Div1" style="width:100%;overflow:auto;"> 
         <table class="KolonClass" border="0" cellpadding="0" cellspacing="0" width="920px"> 
        <tr> 
        <td> 

<cc1:xGrid ID="XGrid_StilKodlari" runat="server" 
      Width="100%"                  
      AutoGenerateColumns="false" 
      AllowPaging="false" 
      AllowSorting="false" 
      ShowHeaderWhenEmpty="true" 
      GridLines="Both" 
      BorderStyle="Solid" 
      AscImage="~/Images/asc.png" 
      DescImage="~/Images/desc.png" 
      PagerSettings-Mode="NumericFirstLast" 
      PagerSettings-PageButtonCount="5"                       
      EnableHeightResolver="false"                   
      EnableRowClick="false" 
      CssClass="Grdview" 
      EmptyDataRowStyle-CssClass="Grdview_EmptyDataRowStyle" 
      HeaderStyle-CssClass="Grdview_HeaderStyle" 
      RowStyle-CssClass="Grdview_RowStyle" 
      AlternatingRowStyle-CssClass="Grdview_AlternatingRowStyle" 
      SelectedRowStyle-CssClass="Grdview_SelectedRowStyle" 
      FooterStyle-CssClass="Grdview_FooterStyle"                  
      OnRowDataBound="XGrid_StilKodlari_RowDataBound"> 
<Columns> 



    <asp:TemplateField HeaderText="Önizleme" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="80px" > 
    <ItemTemplate> 
     <asp:Label CssClass="onizleme" runat="server" ID="lbl_onizleme" Text="F8 IMZA" Width="80px"/> 
    </ItemTemplate> 
                     </asp:TemplateField> 

    <asp:TemplateField HeaderText="Stil Kodu" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="80px" > 
    <ItemTemplate> 

    <asp:TextBox CssClass="stilKodu IsRequired" runat="server" ID="txt_StilKodu" Width="80px" Font-Size="11px"/> 
    </ItemTemplate> 

    </asp:TemplateField> 

<asp:TemplateField HeaderText="Açıklama" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="120px" > 
<ItemTemplate> 

    <asp:TextBox CssClass="aciklama IsRequired" runat="server" ID="txt_Aciklamasi" Width="120px" Font-Size="11px"/> 
    </ItemTemplate> 
</asp:TemplateField> 

<asp:TemplateField HeaderText="F.Büyüklüğü" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="70px" > 
    <ItemTemplate> 

    <asp:TextBox CssClass="fontBuyuklugu IsNumber" runat="server" ID="txt_FontBuyuklugu" Width="50px" Font-Size="11px" /> 
    </ItemTemplate> 

    </asp:TemplateField> 

    <asp:TemplateField HeaderText="Kalın" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="90px" > 
    <ItemTemplate>                   
    <asp:CheckBox CssClass="kalin" ID="chk_Kalin" runat="server" Width="50px" /> 
    </ItemTemplate> 

    </asp:TemplateField> 

    <asp:TemplateField HeaderText="İtalik" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="90px" > 
    <ItemTemplate> 

    <asp:CheckBox CssClass="italik" ID="chk_Italik" runat="server" Width="50px" /> 
    </ItemTemplate> 

    </asp:TemplateField> 

    <asp:TemplateField HeaderText="Alt Çizgi" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="90px" > 
    <ItemTemplate> 

    <asp:CheckBox CssClass="altCizgi" ID="chk_AltCizgi" runat="server" Width="50px"/> 
    </ItemTemplate> 

    </asp:TemplateField> 

    <asp:TemplateField HeaderText="FontRengi" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="40px" > 
    <ItemTemplate> 

    <asp:DropDownList CssClass="fontRengi" runat="server" ID="dp_FontRengi" Width="90px" Font-Size="11px" />              
    </ItemTemplate> 

    </asp:TemplateField> 

    <asp:TemplateField HeaderText="Arka Plan Rengi" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="40px" > 
    <ItemTemplate> 

    <asp:DropDownList CssClass="arkaPlanRengi" runat="server" ID="dp_ArkaPlanRengi" Width="90px" Font-Size="11px" />              
    </ItemTemplate> 

    </asp:TemplateField> 

    <asp:TemplateField HeaderText="Gelişmiş" HeaderStyle-HorizontalAlign="Center" ItemStyle-HorizontalAlign="Center" ItemStyle-Width="100%" > 
    <ItemTemplate>                   
     <asp:TextBox CssClass="gelismis" runat="server" ID="txt_Gelismis" Width="395px"/> 
    </ItemTemplate> 

    </asp:TemplateField> 

     </Columns> 
    </cc1:xGrid> 
    </td> 
    </tr> 
    </div> 
    </td> 
    </tr> 
    </table> 
    </td> 
    </tr> 
    </table> 
    </asp:Content>

來源

2012-06-23 Mennan

刪除寬度：1165px;並將寬度：100％添加到您的表格中。希望這會有所幫助。 – SVS

問題在於div容納你的gri d。你有一個1165px的設置寬度。您應該切換到width:100%;這樣的：

<div id="Div1" style="width:100%; overflow:auto;">

Live DEMO

來源

2012-06-23 17:31:00

我試過了，但仍然有這個問題。 – Mennan

有沒有關於這個問題的教程或者smthg？ – Mennan

你有兩張桌子是有原因的嗎？他們似乎毫無意義，只是混亂你的代碼。 –

如何根據主頁面設置自動錶格寬度？

回答

相關問題