如何调整 Datagridview 列宽和大小取决于屏幕大小 webform？

Question

我正在使用 asp.net c# webform 并且我正在使用 datagridviews ，我搜索并找到了 windows 窗体中的属性dataGridView1.AutoSizeColumnsMode = DataGridViewAutoSizeColumnsMode.Fill;但是在 web 表单中这个属性没有被使用。从移动或 ipad 窗口打开我的网站时，如何使我的 datagridview 动态更改列宽和大小？

Answer 1

经过一周的尝试后，我通过向 div 添加滚动条和 width = 100% 并将 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>