帆软:单元格超过⼀定长度显⽰省略号(...),⿏标悬浮显⽰全
部内容
1. 描述
在实际应⽤中,有的单元格可能内容较多,如何能做到内容超出⼀定长度显⽰省略号(...),当⿏标移动到单元格的时候,显⽰全部内容呢?
2. 解决⽅案
2.1 ⽅法⼀(直接⽤ FineReport 公式实现)
1)在A2单元格输⼊⼀段⽂字如:对单元格设置超过⼀定长度页⾯显⽰...,⿏标放上去显⽰全部值。
2)在单元格形态,给单元格设置公式形态,if(len($$$)>5,left($$$,5)+'...',$$$),当单元格内容长度超过 5 位时,显⽰内容前 5 位加上省略号(...),当单元格内容长度⼩于等于 5 位时,显⽰全部内容:
3)在单元格其他属性,内容提⽰设置为=$$$,如下图:
设置完成后,即可实现效果。
2.2 ⽅法⼆(JS 实现)
1)在 A2 单元格输⼊⼀段⽂字如:对单元格设置超过⼀定长度页⾯显⽰...,⿏标放上去显⽰全部值。
2)点击模板>模板web>分页预览设置,添加加载结束事件,如下图:
JS 代码如下:
获取到 td 中的字符串,截取字符串
//获取属性的值
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)+'...');
字符串长度web
}else
$(this).removeAttr('title');
})
3)在 A2 单元格其他属性,内容提⽰输⼊:cut_+A2+:+5,cut_+A2+:+5中,A2 是单元格的位置;5 是显⽰的个数;冒号是英⽂符号,且前后需要使⽤+进⾏拼接,如下图:
设置完成后,即可实现效果。
PS:使⽤第⼀种⽅式最简单,但是导出excel内容也回带"...",所以使⽤第⼆种⽅式(JS 实现)
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论