asp.net - 如何制作最大尺寸设置为包含 DIV 的 GridView

Question

我想根据包含它的 DIV 来固定 GridView 的大小。我更改了所有可能的属性，但 gridview 没有任何变化。这是标记:

<table cellpadding="0" cellspacing="0" width="100%" style="height:100%">
<tr>
<td>
    <div style="width: 500px">
         <asp:GridView ID="GridView1" runat="server" 
                       AllowSorting="True" AutoGenerateColumns="False" 
                       DataSourceID="QuotationSQLDS" 
                       onrowdatabound="GridView1_RowDataBound"  
                       ForeColor="Black" Width="100%">
                <HeaderStyle HorizontalAlign="Center" Font-Size="8pt" />
                <Columns>
                     <asp:BoundField DataField="Id" HeaderText="Id" 
                                     ReadOnly="True" SortExpression="Id"/>
                     <asp:BoundField DataField="description" 
                                     HeaderText="Description" 
                                     SortExpression="description" />
                </Columns>
          </asp:GridView>
    </div>
</td>
</tr>

请帮帮我，因为我要踢笔记本电脑了。谢谢

Answer 1

尝试做这样的事情

将类添加到 gridview 并包含 div

<div class="container" style="width: 500px">
         <asp:GridView ID="GridView1" runat="server" CssClass="gvData"
                       AllowSorting="True" AutoGenerateColumns="False" 
                       DataSourceID="QuotationSQLDS" 
                       onrowdatabound="GridView1_RowDataBound"  
                       ForeColor="Black">
                <HeaderStyle HorizontalAlign="Center" Font-Size="8pt" />
                <Columns>
                     <asp:BoundField DataField="Id" HeaderText="Id" 
                                     ReadOnly="True" SortExpression="Id"/>
                     <asp:BoundField DataField="description" 
                                     HeaderText="Description" 
                                     SortExpression="description" />
                </Columns>
          </asp:GridView>
    </div>

并使用 jQuery并做这样的事情:

$(document).ready(function () {
   var height = $('.container').height();
   $('.gvData').height(height);
});

在你的 .css 中:

.container{height:auto; float:left;overflow:hidden;display:block;}