GridView 自动折行的解决方案
时间:2011-06-17
来源:灵雨飘零
在手机上看
手机扫描阅读
当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");
}
}
相关阅读 更多
热门阅读
- office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
- 如何安装mysql8.0
阅读:31
- Word快速设置标题样式步骤详解
阅读:28
- 20+道必知必会的Vue面试题(附答案解析)
阅读:37
- HTML如何制作表单
阅读:22
- 百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
- ET文件格式和XLS格式文件之间如何转化?
阅读:24
- react和vue的区别及优缺点是什么
阅读:121
- 支付宝人脸识别如何关闭?
阅读:21
- 腾讯微云怎么修改照片或视频备份路径?
阅读:28