Как настроить ширину и размер столбца Datagridview зависит от размера экрана веб-формы?

Question

Я использую asp.net c # webform, и я использую datagridview, я искал и нашел свойство в форме окна

dataGridView1.AutoSizeColumnsMode = DataGridViewAutoSizeColumnsMode.Fill;

Но в веб-форме это свойство не используется.Как я могу сделать так, чтобы мой datagridview динамически изменял ширину и размер столбцов при открытии моего веб-сайта из окна мобильного или ipad?

Answer 1

После одной недели попыток я нашел следующее решение и его правильную работу на экране мобильного устройства, добавив полосу прокрутки и ширину = 100% к div и поместив datagridview также в div, это код, который я использовал:

<div style="overflow:scroll">
    <asp:GridView ID="GridViewHome" runat="server" Width="100%"  AutoGenerateColumns="false" BackColor="White" BorderColor="#CC9966" BorderStyle="None" BorderWidth="1px" CellPadding="4" OnPageIndexChanging="GridViewHome_PageIndexChanging" PageSize="30" ShowFooter="True">

               <Columns>

                   <asp:TemplateField>
                    <HeaderTemplate>Options</HeaderTemplate>
                    <ItemTemplate>
                        <div style="width:100%"> <asp:HyperLink ID="HyperLink1"  NavigateUrl='<%#"/RPT/WebForm1.aspx?order_id=" +Eval("Request number")+"&DEPT ID=" +Eval("DEPT ID")+"&Test Id=" +Eval("Test Id")+"&Culture=" +Eval("Culture")%>' runat="server">Print Result</asp:HyperLink></div>
                    </ItemTemplate>
                </asp:TemplateField>

                <asp:TemplateField>
                    <HeaderTemplate>Patient MRN#</HeaderTemplate>
                    <ItemTemplate>
                      <div style="width:100%">  <asp:Label ID="lblpatient" runat="server" Text='<%# Eval("Patient No") %>'></asp:Label></div>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField>
                    <HeaderTemplate>Patient Name</HeaderTemplate>
                    <ItemTemplate>
                       <div style="width:100%"> <asp:Label ID="lblname" runat="server" Text='<%# Eval("Patient Name") %>'></asp:Label></div> 
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField>
                    <HeaderTemplate>Order Number</HeaderTemplate>
                    <ItemTemplate>
                       <div style="width:100%"> <asp:Label ID="lblorder" runat="server" Text='<%# Eval("Request number") %>'></asp:Label></div>
                    </ItemTemplate>
                </asp:TemplateField>



                <asp:TemplateField>
                    <HeaderTemplate>Test No.</HeaderTemplate>
                    <ItemTemplate>
                       <div style="width:100%"> <asp:Label ID="lblrepd" runat="server" Text='<%# Eval("Test Id") %>'></asp:Label></div>
                    </ItemTemplate>
                </asp:TemplateField>



                 <asp:TemplateField>
                    <HeaderTemplate>Test Name</HeaderTemplate>
                    <ItemTemplate>
                       <div style="width:100%"> <asp:Label ID="LblTest" runat="server" Text='<%# Eval("Test_Name") %>'></asp:Label></div>
                    </ItemTemplate>
                </asp:TemplateField>



                <asp:TemplateField>
                    <HeaderTemplate>To</HeaderTemplate>
                    <ItemTemplate>
                       <div style="width:100%"> <asp:Label ID="refhigh" runat="server" Text='<%# Eval("High Range") %>'></asp:Label></div>
                    </ItemTemplate>
                </asp:TemplateField>

                <asp:TemplateField>
                    <HeaderTemplate>Text Range</HeaderTemplate>
                    <ItemTemplate>
                       <div style="width:100%"> <asp:Label ID="textrange" runat="server" Text='<%# Eval("Text Range") %>'></asp:Label></div>
                    </ItemTemplate>
                </asp:TemplateField>
                <asp:TemplateField>
                    <HeaderTemplate>Request Date</HeaderTemplate>
                    <ItemTemplate>
                      <div style="width:100%">  <asp:Label ID="lblreqd" runat="server" Text='<%# Eval("Request Date") %>'></asp:Label></div>
                    </ItemTemplate>
                </asp:TemplateField>

                <asp:TemplateField>
                    <HeaderTemplate>Result Date</HeaderTemplate>
                    <ItemTemplate>
                       <div style="width:100%"> <asp:Label ID="lblrepd" runat="server" Text='<%# Eval("Report Date") %>'></asp:Label></div>
                    </ItemTemplate>
                </asp:TemplateField>








            </Columns>

            />


        </asp:GridView>
        </div>