如何根据主页面设置自动表格宽度？

我在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

你有两张桌子是有原因的吗？他们似乎毫无意义，只是混乱你的代码。 –

如何根据主页面设置自动表格宽度？

回答

相关问题