C# asp.net gridView-响应Web表单

我创建了一个有点响应的GridView。当我将浏览器缩放到某一点后，它就不会像在移动设备上那样堆叠了。我需要向我的GridView添加什么才能让它们在移动设备上很好地显示

        <section id="no-more-gridView">
        <asp:GridView ID="GridView1" CssClass="table table-bordered table-hover table-responsive-xl w-100 align-self-auto" runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSource1" Height="296px" Width="886px" AllowSorting="True" BorderStyle="Groove" HorizontalAlign="Center" OnSelectedIndexChanged="GridView1_SelectedIndexChanged">
            <AlternatingRowStyle BackColor="#CCFFFF" />
            <Columns>
                <asp:BoundField DataField="Row#" HeaderText="Row#" SortExpression="Row#" />
                <asp:BoundField DataField="Number" HeaderText="Number" SortExpression="Number" />
                <asp:BoundField DataField="Person" HeaderText="Person" SortExpression="Person" />
                <asp:BoundField DataField="Reason" HeaderText="Reason" SortExpression="Reason" />
                <asp:BoundField DataField="Status" HeaderText="Status" SortExpression="Status" />
                <asp:BoundField DataField="Type" HeaderText="Type" SortExpression="Type" />
                <asp:BoundField DataField="Name" HeaderText="Name" SortExpression="Name" />
            </Columns>
            <HeaderStyle HorizontalAlign="Center" CssClass="table table-primary"/>
        </asp:GridView>
        </section>

---

如前所述，默认情况下，引导应该可以工作

让gridview真正压缩，并重新调整大小真的很好

我建议：

class=“table table hover table fixed”>

fixed确实做得很好-它试图尝试并修复列大小

因此，在1920年的大屏幕上，我看到：

但是，它的尺寸非常小，很容易安装在手机上？你得到这个：

现在我们从1920像素下降到517像素

我不认为你能更好地把这些话说出来。如果您还需要更小的，那么我不认为bootstrap或任何响应性框架会对您有多大帮助

因此，我在上面做了以下工作：

 <asp:GridView ID="GridView1" runat="server"
            AutoGenerateColumns="False" class="table table-hover table-fixed">
   

---

所以两个都试一下。最后一个是大多数人使用的，它在重新调整大小方面也做得非常好。

如果你想要一个响应性强的站点，那么你可能不应该使用

asp

控件。如果它是一个选项，那么您根本不应该使用webforms。如果您使用Repeater控件来动态构建HTML标记，而不是依赖GridView，那么您将对呈现的HTML有更多的控制，并且可以轻松集成任何响应的CSS框架。当然，正如Crowcoder所说，在这一点上，您最好不要使用Web表单。哦，我看到您正在使用SQL数据源。你真的不应该用那些。数据库连接不属于Web表单。这不利于关注点的分离，并将导致难以测试的体系结构。完全不相信通过某种神奇的方式转储asp.net web表单和asp.net控件可以用更少或更多的努力获得响应更快的页面。多年来，asp.net+web表单页面的默认设置一直是默认包含响应引导框架。我的意思是，这个问题可能会变成如何才能让一个表更好地为更小的屏幕折叠——而gridview/listview/repeater最终会将内容呈现在一个标准的HTML表中。因此，装腔作势的人本可以很好地询问如何使表更好地折叠，答案将适用于这里。

class="table table-responsive"