最新历史版本
:单元格显示内容JS示例索引 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
本文为第三方解决方案或非产品相关操作指南，仅提供给具备自主开发能力的用户使用。
帆软技术支持专注于产品本身的功能和问题，不负责本文档的维护和使用问题解答。
若您的场景方案与文档不完全一致，请移步帆软社区提问：问答
1. 概述编辑
1.1 版本
| 报表服务器版本 | 功能变动 |
|---|---|
| 11.0 | - |
| 11.0.10 | 优化了表格接口，历史接口会保留，但后期不会再迭代优化。新接口层级明显，功能完善，用户可升级使用新接口。新接口从 表格对象>表格行列>单元格对象 三级，层层定位表格中的元素，帮用户快速实现各种复杂应用场景。 |
1.2 应用场景
在报表的实际应用场景中通常希望实现单元格一些特殊变化，例如单元格字体样式变化、单元格悬浮显示提示等。
1.3 实现思路
单元格的特殊应用场景较多，用户可以根据实际应用场景选择合适的方法实现，具体可以参考：
| 小节 | 内容简介 | 文档链接 |
|---|---|---|
| 表格对象接口 | 整个表格对象的一些属性和方法。 | 表格对象接口 |
| 表格行列对象接口 | 表格中行列对象一些属性和方法。 | 表格行列对象接口 |
| 单元格对象接口 | 表格中单元格对象的一些属性和方法。 | 单元格对象接口 |
2. 示例索引编辑
| 文档 | 应用场景 | 预期效果 |
|---|---|---|
| JS实现鼠标悬停显示文字提示 | 鼠标悬停在表格中指定的单元格上，便会显示设置好的文字，鼠标离开该单元格，文字消失 |  |
| JS实现鼠标悬停显示图片 | 鼠标悬停在表格某一列中任意单元格上，便会显示设置好的图片，鼠标离开该单元格，图片消失 |  |
| JS实现鼠标点击单元格字体变化 | 鼠标点击某个单元格，单元格内的字体会变化，从而达到突出说明的效果 |  |
| JS获取分页预览单元格的值 | 获取分页预览的报表中的某些单元格的类型和值 |  |
| JS修改内容提示框字体样式 | 自定义提示的显示样式 |  |
| JS实现单元格提示内容换行显示 | 单元格提示内容换行显示 |  |
| JS实现单元格扩展后内容相同进行合并 | 两个单元格的值相等时合并单元格 |  |
| JS实现点击单元格弹框展示可旋转图片 | 点击单元格能弹框展示图片并可旋转、放大，弹框可拖拽等 |  |
| JS实现去除数据分析页面选中单元格时的黑色边框 | 使用「数据分析」预览模板时，选中单元格会看到一个黑色的边框，会影响到整个页面的美观，利用JS去掉黑色边框 |  |