如何控制DataGrid里的内容换行与不换行?

原创 2004年10月28日 09:03:00
如何控制DataGrid里的内容换行与不换行?
作者:孟宪会 出自:【孟宪会之精彩世界】 发布日期:2004年6月10日 9点49分51秒

需求千奇百怪,有的要求表格里的内容自动换行,有的不要求,其实设置DataGrid的CSS样式单属性即可实现大部分的需求,但对于不换行的实现,单靠样式单还不能完全满足要求,下面就是一种解决的方法:

<%@ Page Language="C#" AutoEventWireup="True" %> <%@ Import Namespace="System.Data" %> <html> <script runat="server"> int start_index; ICollection CreateDataSource() { DataTable dt = new DataTable(); DataRow dr; dt.Columns.Add(new DataColumn("IntegerValue", typeof(Int32))); dt.Columns.Add(new DataColumn("StringValue", typeof(string))); dt.Columns.Add(new DataColumn("CurrencyValue", typeof(double))); for (int i = start_index; i < start_index + ItemsGrid.PageSize; i++) { dr = dt.NewRow(); dr[0] = i; dr[1] = @"我是中文文字,I am English words,我不想换行, I don't wanna have new lines,欢迎访问 <a href='http://dotnet.aspx.cc/'>http://dotnet.aspx.cc/</a>, 有好料啊:)"; dr[2] = 1.23 * (i+1); dt.Rows.Add(dr); } DataView dv = new DataView(dt); return dv; } void Page_Load(Object sender, EventArgs e) { //对于没有数字的内容,下面这行完全满足要求,但加了数字就不行,必须调用OnItemDataBound ItemsGrid.Attributes.Add("style","word-break:keep-all;word-wrap:normal"); //下面这行是自动换行 //ItemsGrid.Attributes.Add("style","word-break:break-all;word-wrap:break-word"); if (!IsPostBack) { BindGrid(); } } void BindGrid() { ItemsGrid.DataSource=CreateDataSource(); ItemsGrid.DataBind(); } void Item_DataBound(Object sender, DataGridItemEventArgs e) { if( e.Item.ItemType == ListItemType.Item || e.Item.ItemType == ListItemType.AlternatingItem) e.Item.Cells[1].Text = "<nobr>" + e.Item.Cells[1].Text + "</nobr>"; } </script> <body> <form runat="server"> <asp:DataGrid id="ItemsGrid" runat="server" BorderColor="black" OnItemDataBound="Item_DataBound" AutoGenerateColumns="false"> <AlternatingItemStyle BackColor="#DEDEDE"></AlternatingItemStyle> <HeaderStyle BackColor="#EEEEFF" HorizontalAlign="Center"></HeaderStyle> <Columns> <asp:BoundColumn HeaderText="序号" DataField="IntegerValue"/> <asp:BoundColumn HeaderText="文字" DataField="StringValue"/> <asp:BoundColumn HeaderText="价格" DataField="CurrencyValue" DataFormatString="{0:c}"> <ItemStyle HorizontalAlign="right"></ItemStyle> </asp:BoundColumn> </Columns> </asp:DataGrid> </form> </body> </html>

datagrid的文字换行与连续字符串换行处理,字符串三种截取方式

1 文字自动换行:nowrap:false 2 当时字符串,比如email这样的字段时,就需要用到字符串的拼接,首先,先贴出我解决问题的方法,再介绍字符串的三种拼接方式: 我解决问题的方法...
  • m0_37505412
  • m0_37505412
  • 2017年05月17日 17:12
  • 422

EasyUI datagrid设置换行不起作用

EasyUI datagrid设置属性nowrap:false可使内容过长时换行,但对于英文字母、数字以及英文字符无效,即便是设置列宽度,依然不能自动换行。原因是换行是以一个汉字或一个单词为单位的,但...
  • yiluxiangqian7715
  • yiluxiangqian7715
  • 2016年10月31日 19:01
  • 4118

Datagrid的不换行

private void Datagrid1_ItemCreated(object sender, DataGridItemEventArgs e)  {   for(int i = 0; i    ...
  • wuyq11
  • wuyq11
  • 2006年04月18日 13:32
  • 2867

关于easyui datagrid 单元格自动换行输出的问题

easyui datagrid相信不少朋友都有用过datagrid,如果我们在生成数据表格时,有些列的内容过多,就会造成显示不全的问题,这时候我们如何在单元格的里将内容自动关换行输出呢? 原来的效果...
  • proeny
  • proeny
  • 2017年12月08日 01:10
  • 206

easyui datagrid 列的内容超出所定义的列宽时,自动换行

定义表单  nowrap="false" pagination : true, // 当true时在DataGrid底部显示一个分页工具栏。默认false  rownumbers : tr...
  • china165
  • china165
  • 2015年02月03日 09:23
  • 13337

easyUI 设置datagrid的行高 + 文字超宽换行

因为datagrid中没有专门设置行高的属性,所以这里通过修改 easyui.css 样式格式来修改行高。 方法:在 easyui.css中搜索“.datagrid-row”属性,将默认的 行高 ...
  • hlbt0112
  • hlbt0112
  • 2016年09月26日 13:29
  • 12614

jquery-EasyUI datagrid 换行

加上参数:nowrap: false,即可。   如下代码: $("#userList").datagrid({   width: 'auto',    height: 'auto', ...
  • yanweihpu
  • yanweihpu
  • 2017年02月07日 09:36
  • 697

如何控制DataGrid里的内容换行与不换行?(转)

http://mythink.spaces.live.com/blog/cns!97B6AFA45ECE6B7C!301.entry  若要添加评论,请使用您的 Windows Live ID 登录(...
  • gxj022
  • gxj022
  • 2010年04月12日 18:56
  • 294

如何控制DataGrid里的内容换行与不换行?

    需求千奇百怪,有的要求表格里的内容自动换行,有的不要求,其实设置DataGrid的CSS样式单属性即可实现大部分的需求,但对于不换行的实现,单靠样式单还不能完全满足要求,下面就是一种解决的方法...
  • net_lover
  • net_lover
  • 2004年06月27日 12:19
  • 5385

grid中实现换行

在工作中碰见了这样一个问题:在用htmleditor编辑器编写的内容在grid的列中显示的时候可以显示全部内容(这时会将这一列撑起来)而在用textarea编辑的内容则不会显示完全。 后来知道是因为...
  • name_liweibin
  • name_liweibin
  • 2013年09月10日 17:57
  • 1807
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:如何控制DataGrid里的内容换行与不换行?
举报原因:
原因补充:

(最多只允许输入30个字)