JS 实现单元格提示内容换行显示

1.1 问题描述

使用自带的单元格内容提示，无法实现提示内容换行显示，如下图所示：

有时需要实现提示内容换行显示，如下图所示：

1.2 实现思路

使用 JS 的 title 属性实现。

2.1 数据准备

新建普通报表，新建数据集 ds1，数据库查询语句为：SELECT * FROM 销量 where 地区='华东'

2.2报表设计

1）如下图设计表格：

2）菜单栏选择模板>模板Web属性>分页预览设置中添加加载结束事件，JS 代码为：

$("td[id^=B1-]").attr("title","月底在职的销售员\n含月底当天离职");

2.3 效果预览

保存报表，点击分页预览，效果如下图所示：

注：不支持移动端。

已完成模板可参见：%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\分页预览JS实例\JS实现单元格提示内容换行显示.cpt

点击下载模板：JS实现单元格提示内容换行显示.cpt