单元格超过一定长度显示省略号(...),鼠标悬浮显示全部内容

编辑
文档创建者:gxy120313 (61073 )     浏览次数:3498次     编辑次数:4次     最近更新:susie 于 2017-03-01     

目录:

1. 描述编辑

在实际应用中,有的单元格可能内容较多,如何能做到内容超出一定长度显示省略号(...),当鼠标移动到单元格的时候,显示全部内容呢?

222

2. 解决方案编辑

2.1 方法一、 直接用FineReport公式实现

(1)在A2单元格输入一段文字如:对单元格设置超过一定长度页面显示...,鼠标放上去显示全部值。

222

(2)在单元格形态,给单元格设置公式形态,=if(len($$$)>5,left($$$,5)+'...',$$$),当单元格内容长度超过5位时,显示内容前5位加上省略号(...),当单元格内容长度小于等于5位时,显示全部内容:

222

(3)在单元格其他属性,内容提示设置为=$$$,如下图:

222

设置完成后,即可实现效果。


2.2 方法二、JS实现

(1)在A2单元格输入一段文字如:对单元格设置超过一定长度页面显示...,鼠标放上去显示全部值。

222

(2)点击模板>模板web>分页预览设置,添加加载结束事件,如下图:

222

js代码如下:

//获取到td中的字符串,截取字符串 $("td[title^=cut]").each(function() { //获取属性的值 var str = $(this).attr('title'); //定义分隔符号 var length = parseInt(str.split(":")[1]); //判断长度 if($(this).text().length > length){ $(this).attr('title',$(this).text()); $(this).text($(this).text().substring(0,length)+'...'); } else $(this).removeAttr('title'); })

(3)在单元格其他属性,内容提示输入:cut_+A2+:+5,cut_+A2+:+5中,A2是单元格的位置;5是显示的个数;冒号是英文符号,且前后需要使用+进行拼接如下图:


222

设置完成后,即可实现效果。

附件列表


主题: 报表应用
如果您认为本文档还有待完善,请编辑

文档内容仅供参考,如果你需要获取更多帮助,请咨询帆软技术支持
关于技术问题,您还可以通过帆软论坛获取帮助,论坛上有非常多的大神,有些水平比帆软工程师还要高哦。
若您还有其他非技术类问题,可以联系帆软传说哥(qq:1745114201

本文档是否有用?
谢谢! 我们非常感谢您的反馈。
提交反馈: