2.1 方法一:公式实现

注:此方法虽然简单,但报表以其他格式导出时,文件中该单元格的内容仍然是省略的,所以当涉及到报表导出时不要使用方法一,使用方法二即可。

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

2)在单元格形态,给单元格设置公式形态,if(len($$$)>5,left($$$,5)+'...',$$$)

当单元格内容长度超过 5 位时,显示内容前 5 位加上省略号(...),当单元格内容长度小于等于 5 位时,显示全部内容,如下图所示:

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

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

2.2 方法二:JS 实现

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

2)点击模板>模板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');

}

})

3)在 A2 单元格其他属性,内容提示输入:cut_+A2+:+5,

cut_+A2+:+5:A2 是单元格的位置;5 是显示的个数;冒号是英文符号,且前后需要使用+进行拼接,如下图所示:

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

2.3 方法三:HTML实现

1)A1 单元格写入一段长文本内容。

2) 在单元格形态处给单元格设置公式形态,""+$$$+""

当单元格内容超过当前单元格宽度后,显示内容超过的部分会变成省略号(...),当单元格内容不超过当前单元格宽度时,显示全部内容。

3) 在单元格其他属性中,显示内容设置为 用HTML显现内容,内容提示设置为=$$$,如下图所示:

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

2.4 控制行高

一般为了省略显示都是想在预览的时候可以根据显示值自适应行高,既不影响其他列行高的自适应,又不会在内容特别多的一列将行距扩大。为了可以控制行高,可以通过以下方式:

1)方式一:点击单元格>单元格属性>样式,设置文本控制为单行显示,如下图所示:

该方式可直接应用于JS控制省略显示时,但对HTML样式控制下无效;缺点是当该列为最后一列时导出的文档里显示样式也为单行显示,若需要换行显示还需单独调整。

2)方式二:点击单元格>单元格属性>其他,设置基本为不自动调整,如下图所示:

该方式可直接应用于JS或HTML控制省略显示时,优点是该列内容仍然会换行显示,导出文档时单元格也是内容换行的样式,并且保证了分页预览时可以根据其他单元格自适应行高。

若确有需,在使用该方式的基础上也可以再使用方式一控制内容为单行显示。

为了便于后期维护以及模板统一,推荐使用HTML控制省略显示,并使用方式二控制行高。

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

  1. HTML标签固定宽度文字超过部分展示为省略号,鼠标悬浮时显示全部信息

    css div {display: block;width:100px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;cur ...

  2. js如何实现动态显示表格数据(点奇数显示奇数单元格内容)

    js如何实现动态显示表格数据(点奇数显示奇数单元格内容) 一.总结 一句话总结: 1.动态指定表格中每个单元格的id,然后通过id可以获取每个单元格,然后对里面的innerHTML进行赋值. 2.弄了 ...

  3. excel表格行列显示十字定位_突出显示活动单元格所在行列的设置方法

    在进行Excel工作表的处理时,有时需要以某种方式突出显示活动单元格或指定的单元格区域.一般情况下,可以对这些单元格或单元格区域填充颜色以获得需要的显示效果,在对单元格或单元格区域突出显示后需要取消上 ...

  4. vba实现窗体文本框显示sheet1单元格内容

    您好!以下是实现VBA代码,以显示Sheet1单元格内容在窗体文本框中: 首先,您需要在窗体上创建一个文本框.在窗体设计器中,双击工具箱中的"文本框"控件并将其拖动到窗体上.然后右 ...

  5. Excel表格自动筛选时显示合并单元格中全部记录的方法

    今天给单位一个分公司导数据,因为报表是全司的,如何导成某一个分公司的呢? 1.复制合并单元格所在的A列到其他空白列,如本例中的列的E2:E18,这样做的目的是保留合并单元格的大小和样式. 2.选择A2 ...

  6. HTML表格的单元格凹凸效果,JS+CSS实现可以凹陷显示选中单元格的方法

    本文实例讲述了JS+CSS实现可以凹陷显示选中单元格的方法.分享给大家供大家参考.具体实现方法如下: JS+CSS实现可以凹陷显示选中的单元格 td{cursor:hand;font-size:12p ...

  7. matlab中设置数据长度,excel表格长宽设置/如何检查excel单元格内数字长度

    EXCEL用函数提取不同字符串长度的特定数据? 直接输入公式"=left(right(a1,6),2)" 关于此公式中用到的"Left"和"right ...

  8. 故障:无法显示 Excel 单元格格式

    1.故障现象: 1)当使用 Excel 2007/2010 打开一个 Excel 2003 表格时,无法显示绘制的单元格框线:即使重新绘制再保存,打开后也无法显示. 2)打开菜单[文件]→[信息]→[ ...

  9. Excel 打开csv显示在一个单元格

    如果这个csv文件是unix/dos格式,那么用excel打开都正常,但是如果用ultraedit转成unicode,那么再用excel打开就会显示在一列. ============= 我们知道,其实 ...

最新文章

  1. 如何在Windows Azure VM上的SQL Server和Windows Azure SQL Database两者中做出选择
  2. 2018-3-21李宏毅机器学习视频笔记(十二)--Backpropagation
  3. 那些总是写“烂代码”的同学,强烈推荐你用这款IDEA插件!
  4. docker客户端连接远程服务器
  5. sql like语句中的通配符:百分号、下划线和escape
  6. boost::intrusive::splaytree_algorithms用法的测试程序
  7. 面试不知道如何回答这六大知识点,你还敢说熟悉MySQL?
  8. 《VMware vSphere设计(原书第2版)》——1.3 设计原则
  9. 总是想得太简单?试试我的方法
  10. oracle级联更新与级联删除
  11. 通过分析等待类型解决系统产生问题
  12. Java并发——Synchronized关键字和锁升级,详细分析偏向锁和轻量级锁的升级
  13. 2021最新基于uniapp的计算机考研助手小程序(含管理端)
  14. 学习Oracle 最好的5本书
  15. 2020-我的跑步之路
  16. h5页面如何切图_H5设计稿切图按照什么尺寸,微信公众号版本的
  17. 古琴【A5】良宵引-不好听
  18. 梦之光芒Monyer (全关解析)
  19. 双下划线一粗一细怎么加_为什么下划线粗细不一样
  20. gitbook 安装

热门文章

  1. oracle 符文版保存,新符文即将上线 符文页保存到S8赛季
  2. 新手必读:哪个牌子的投影仪性价比高?高性价比投影仪推荐
  3. service中@NotNull的使用
  4. 自定义拍照时 拍照界面_拍照时如何正确地看镜头?
  5. 第二章 Spring Boot四大核心组件
  6. 魔兽怀旧最新开服务器,魔兽世界怀旧服连开多个新服务器,为何那些几级的玩家不愿意去?...
  7. LeetCode——778. 水位上升的泳池中游泳(Swim in Rising Water)——分析及代码(Java)
  8. 新网站如何做seo?小白站长实操案例!
  9. MySQL:replace函数的几种实用场景
  10. Window 10下 Sqlite安装教程