怎么设置GridView的单元格在内容显示超过长度的时候用省略号代替而不是换行当鼠标移上去的时候将影藏的内容提示出来

最新推荐文章于 2015-09-06 18:12:14 发布

转载最新推荐文章于 2015-09-06 18:12:14 发布 · 3.8k 阅读

文章标签：

#css #object #server #asp

本文介绍如何使用CSS设置文本溢出时显示省略号，并通过ToolTip展示完整内容的方法。具体步骤包括定义CSS样式、配置GridView模板列及在后台设置ToolTip。

最简单的可以通过CSS来设置省略号,
鼠标移上全部显示用ToolTip,
1.CSS:
<style type="text/css">
.mlength
{
display: block;
width: 100px;
overflow: hidden;
white-space: nowrap;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
</style>

2.设置GeidView某一字段为模板列并设置css,如:
<asp:Label ID="Label1" runat="server" Text='<%# Eval("字段") %>' CssClass="mlength"></asp:Label>

3.后台设置tooltip:
protected void GridView1_RowDataBound(object sender, GridViewRowEventArgs e)
{
if (e.Row.RowType == DataControlRowType.DataRow)
{
((Label)e.Row.Cells[0].FindControl("Label1")).ToolTip = ((Label)e.Row.Cells[0].FindControl("Label1")).Text;
}
}