GridView의 크기를 조정하는 방법 (ASP)

Question

사용자의 클릭에 따라 열이 가시성을 변경할 수있는 ASP : Gridview가 있습니다. 컨트롤의 가시성이 변경 될 때 레이아웃의 크기가 조정되지 않도록하고 싶습니다. 나는 오른쪽 체크 박스를 클릭하면

이의의 GridView 크기를 조정하는 나쁜 생각이 있습니다

    <asp:TemplateField HeaderText="Name" HeaderStyle-HorizontalAlign="Right"> 
         <ItemStyle HorizontalAlign="Left" Wrap="False" Font-Size="Small" /> 
         <HeaderStyle HorizontalAlign="Right" CssClass="text-align:right" Font-Size="XX-Small" /> 
         <ItemTemplate> 
          <asp:Label ID="Label_Name" runat="server" Text='<%# Bind("Name") %>' Width="150" Height="10" /> 
         </ItemTemplate> 
        </asp:TemplateField> 


        <asp:TemplateField HeaderText="doc "> 
         <ItemStyle HorizontalAlign="Center" Wrap="False" Font-Size="Small" /> 
         <ItemTemplate> 
          <asp:CheckBox ID="CB_Doc" runat="server" Checked='<%# Bind("MyProp") %>' Width="50px" AutoPostBack="true" OnCheckedChanged="CB_CheckedChanged" /> 
         </ItemTemplate> 
        </asp:TemplateField> 


        <asp:TemplateField HeaderText="Book"> 
         <ItemStyle HorizontalAlign="Left" Wrap="False" Font-Size="XX-Small" /> 
         <ItemTemplate> 
          <asp:HiddenField runat="server" ID="HF_Id" Value='<%# Bind("Id") %>' /> 
          <table> 
           <tr> 
            <td style="padding-left: 50px;"> 
             <asp:CheckBox ID="CB_Book" runat="server" Checked='<%# Bind("MyProp2") %>' Width="30" AutoPostBack="true" OnCheckedChanged="CB_CheckedChanged" /> 
            </td> 

           <!-- A few more controls that might be visible or not depending if user clicks previous CheckBox --> 

           </tr> 
          </table> 
         </ItemTemplate> 
        </asp:TemplateField> 


       </Columns> 
      </asp:GridView> 

을 기본이 방법을 표시합니다 여기

는 GRIDVIEW 코드 이 방법은 :

이 크기 조정을 방지 할 수있는 방법이 있습니까? 내가 볼 수있는 한, 크기를 조정하지 않고도 가시성이 변경되는 모든 컨트롤을 표시 할 공간이 충분할 것입니다.

Thx.

편집 : 게시물의 2 업데이트 이미지는 너무 압축되어 나타나기 때문에 문제가 보이지 않습니다. :( 그러나 첫 번째 열 폭이 전체 페이지 레이아웃이 깨진 원인이 -30 %로 감소합니다.

Answer 1

div 태그 내부에있는 gridview를 넣고 그 속성이

<div id="ScrollList" style="height: 500px; overflow: auto"> 
<!-- your gridview --> 
</div> 

을 IE와도 세트 당신의 boundfields의 폭, 즉

ItemStyle-Width="100%" ControlStyle-Width="100%" 

는 도움이되기를 바랍니다.