如何解决asp.net gridView - 响应式网页表单
我创建了一个响应速度较快的 GridView。在我将浏览器缩放到某个点后,它不会像在移动设备上那样堆叠。我需要向我的 gridViews 添加什么才能让它们在移动设备上很好地显示?
<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>
解决方法
如前所述,默认情况下,引导程序应该可以正常工作。
允许网格视图真正压缩,并重新调整大小真的很好吗?
我建议:
class="table table-hover table-fixed">
fixed 确实做得很好 - 它试图尝试修复列大小。
因此,在 1920 年的 BIG 显示器上,我明白了:
但是,调整到非常小的尺寸 - 易于安装在手机上?你得到这个:
现在我们从 1920 像素减少到 517 像素。
我不认为你可以比上面说的更好。如果您还需要更小,那么我认为引导程序或任何响应式框架都不会为您提供这么多帮助。
所以,我在上面做了这个:
<asp:GridView ID="GridView1" runat="server"
AutoGenerateColumns="False" class="table table-hover table-fixed">
我确实发现 table-fixed 似乎在这里做得最好,但您可以尝试其他一些设置:
说:
class="table table-responsive"
所以两个都试试。最后一个是最常用的 - 它在调整大小方面也做得非常好。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。