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

亚宝一枝花

于 2020-11-26 10:12:09 发布

阅读量1.4k

点赞数

CC 4.0 BY-SA版权

分类专栏：帆软

本文链接：https://blog.youkuaiyun.com/Hjchidaozhe/article/details/110166131

帆软专栏收录该内容

6 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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，这样全部都以省略号显示