Как сделать GridView с максимальным размером, установленным на содержащий DIV

Question

Я хочу исправить размер GridView в зависимости от DIV, в котором он находится. Я изменил все возможные атрибуты, но ничего не изменилось в сетке. Вот разметка:

<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;}

Answer 2

Я думаю, что это должно работать, если вы хотите, чтобы ваше сеточное представление было таким широким, как 500px.Это становится шире, чем это?