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

转载 2004年09月24日 18:24:00

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



    需求千奇百怪,有的要求表格里的内容自动换行,有的不要求,其实设置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里的内容换行与不换行?

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

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

int start_index;ICollection CreateDataSource() {  DataTable dt = new DataTable();  DataRow dr;  dt.C...
  • lyb3333
  • lyb3333
  • 2007年08月01日 21:17
  • 392

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

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

easyui datagird td内容超出后强制中断,不换行。

总是一些文章说要强制换行,很少提到说如何不换行。 一般都会使用word-break: keep-all;使得强制不换行。 DOCTYPE html PUBLIC "-//W3C...
  • u010402518
  • u010402518
  • 2013年09月06日 10:40
  • 2151

Adobe Flash Builder 4.5(Flex)DataGrid中数据自动换行

Adobe Flash Builder 4.5(Flex)DataGrid中数据自动换行
  • liuxiyangyang
  • liuxiyangyang
  • 2013年05月20日 16:17
  • 2320

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

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

td中内容不换行的解决办法

当td的内容过长时,有时会出现内容不换行问题,导致table溢出容器,样式发生变化。 以前的解决办法是给td加样式word-break:break-all;这个属性虽然能解决ie中出现的问题,但对于f...
  • jsuzzy
  • jsuzzy
  • 2010年03月17日 14:33
  • 5396

使<td>中的内容不换行

表格table中的td单元格中,内容过长会自动换行,但换行后的效果有时很不美观,为了不让其换行,可有如下操作: 在td标签中有nowrap属性 设置其为: 这里的字符串很长,但没关系,不会换行的。...
  • itmyhome
  • itmyhome
  • 2011年12月01日 16:48
  • 5805

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

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

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

easyui datagrid相信不少朋友都有用过datagrid,如果我们在生成数据表格时,有些列的内容过多,就会造成显示不全的问题,这时候我们如何在单元格的里将内容自动关换行输出呢? 原来的效果...
  • proeny
  • proeny
  • 2017年12月08日 01:10
  • 212
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:如何控制DataGrid里的内容换行与不换行?
举报原因:
原因补充:

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