GridView 自动折行的解决方案

当GridView 行内文字过长,且文字内有数字,字母或者符号的时候,会出现汉字和字母数字中间折行,很不美观,经过几番测试,终于找到一个比较完美的解决方案。

设置设备名称列

  <ItemStyle HorizontalAlign="Center"  Width="100px" Wrap="true" />

前台页面代码:

复制代码
<asp:GridView ID="gvAllocate" runat="server" AutoGenerateColumns="False">
<Columns>
<asp:TemplateField HeaderText="序号">
<ItemTemplate>
<%# (this.pager.CurrentPageIndex - 1) * this.pager.PageSize + Container.DataItemIndex + 1%>
</ItemTemplate>
<HeaderStyle HorizontalAlign="Center" Width="50px" />
</asp:TemplateField>
<asp:BoundField DataField="AINFO_NO" HeaderText="调拨编号">
<HeaderStyle HorizontalAlign="Center" />
<ItemStyle HorizontalAlign="Center" Width="120px" />
</asp:BoundField>
<asp:BoundField DataField="EQUIP_INFO_NAME" HeaderText="设备名称">
<HeaderStyle HorizontalAlign="Center" />
<ItemStyle HorizontalAlign="Center" Width="100px" Wrap="true" />
</asp:BoundField>
<asp:BoundField DataField="EQUIP_INFO_MODEL" HeaderText="规格型号">
<HeaderStyle HorizontalAlign="Center" />
<ItemStyle HorizontalAlign="Center" Width="100px" />
</asp:BoundField>
<asp:BoundField DataField="TYPE_NAME" HeaderText="设备类型">
<HeaderStyle HorizontalAlign="Center" />
<ItemStyle HorizontalAlign="Center" Width="80px" />
</asp:BoundField>
<asp:BoundField DataField="ALIST_NUM" HeaderText="调拨数量">
<HeaderStyle HorizontalAlign="Center" />
<ItemStyle HorizontalAlign="Center" Width="60px" />
</asp:BoundField>
<asp:BoundField DataField="AINFO_TIME" HeaderText="调拨时间" DataFormatString="{0:yyyy-MM-dd}">
<HeaderStyle HorizontalAlign="Center" />
<ItemStyle HorizontalAlign="Center" Width="70px" />
</asp:BoundField>
<asp:BoundField DataField="AINFO_USER" HeaderText="调拨人">
<HeaderStyle HorizontalAlign="Center" />
<ItemStyle HorizontalAlign="Center" Width="60px" />
</asp:BoundField>
</Columns>
</asp:GridView>
复制代码

CS代码:

protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
//自动换行
gvAllocate.Attributes.Add("style", "word-break:break-all;word-wrap:break-word");
}
}
posted @   灵雨飘零  阅读(2380)  评论(3编辑  收藏  举报
编辑推荐:
· SQL Server 2025 AI相关能力初探
· Linux系列:如何用 C#调用 C方法造成内存泄露
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
阅读排行:
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· AI编程工具终极对决:字节Trae VS Cursor,谁才是开发者新宠?
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
点击右上角即可分享
微信分享提示