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

原创 2004年06月27日 12:19:00

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

 

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

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

dataTable某列内容过长自动收缩

实现功能:dataTable某列内容过长的话,只显示部分内容,鼠标点击显示全部,再点击显示部分。可以切换。 效果图: 鼠标点击: 如果再次点击,备注内容又收缩了。 JS实现代码...
  • daydayupzzc
  • daydayupzzc
  • 2016年10月11日 14:44
  • 4565

如何让table表格中td的内容自动换行

==================================================== 在实际操作中,如果表格中显示的内容不是中文时,而是纯数字或英文时,默认是不换行的,而汉字是换...
  • yjtgod
  • yjtgod
  • 2013年09月12日 00:07
  • 7041

DIV+CSS实操七:中文系内容模块控制文本不换行和超出指定宽度后用省略号代替

在做经管系主网页的同时也在进行着中文系主网页的构建,果然是只有自己去实践了,才能遇到各种各样的问 题,然后再去寻找解决这些问题的方法,最后进行修改和不断的调试,最后达到自己想要的效果。中文系主网页构...
  • erlian1992
  • erlian1992
  • 2015年12月20日 21:25
  • 2381

关于td里面内容不换行的解决办法

PageAdmin新版采用了Html5的文档类型声明(即:),会发现只在table中增加强制换行样式style="word-break:break-all;"已经不管用了。 解决办法:增加white...
  • qq_27791709
  • qq_27791709
  • 2017年12月18日 18:25
  • 76

css中保证内容遇到空格或其他标点符号不换行

原文地址:  http://www.ossi.cn/2011-11/css-white-space/ 项目中遇到这么一个情况:一个规定宽度的DIV里面需要横向排列一span来放置数据,每...
  • rubylearner
  • rubylearner
  • 2012年10月23日 14:51
  • 7048

li内容不换行、div加滚动条

昨天在使用css结合div布局的时候碰到了一个问题。     在一个规定宽度大小的ul里边 我把li的宽度定义为自动。企图让li根据内容长度来自动向左对齐排列。 例如宽度为210px的ul里   ...
  • songconglai
  • songconglai
  • 2013年05月06日 17:49
  • 8217

Android中TextView中内容不换行的解决方法

问题 如果新建的Android项目采用的Android 3.0以上的SDK,同时采用了 作为整个项目的主题 ...
  • yangzl2008
  • yangzl2008
  • 2013年06月29日 15:45
  • 2184

css控制不溢出,不换行,溢出部分省略号显示

white-space: nowrap;text-overflow:ellipsis; overflow:hidden;   text-overflow : clip | ellipsis 取值: ...
  • kyleing
  • kyleing
  • 2013年08月23日 11:03
  • 8722

css控制不溢出,不换行,溢出部分省略号显示

white-space: nowrap;text-overflow:ellipsis; overflow:hidden; text-overflow : clip | ellipsis 取值: cl...
  • u014027705
  • u014027705
  • 2016年08月31日 16:36
  • 2138
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:如何控制DataGrid里的内容换行与不换行?
举报原因:
原因补充:

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