帆软单元格设置显示长度多余内容省略号

最新推荐文章于 2024-04-24 10:17:13 发布

原创最新推荐文章于 2024-04-24 10:17:13 发布 · 1.5k 阅读

0 ·

CC 4.0 BY-SA版权

帆软专栏收录该内容

6 篇文章

订阅专栏

本文介绍了一种使用JavaScript实现的表格中单元格内容提示与文本截断的方法。通过为特定单元格设置属性，可以自动调整显示的字符数量，并用省略号表示超出部分，同时提供完整内容作为提示。

1、在模板-->模板web属性-->根据自己的web属性，在相应的web属性下面添加事件设置（加载结束）-->在代码栏里新增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');
      })

2、在想要设置的单元格选择单元格属性-->其他-->内容提示添加以下内容：

cut_+AG2+:+5

其中 AG2 表示当前单元格所在行列，5表示显示5个字符，剩下的以省略号显示，可以设置为0，这样全部都以省略号显示