历史版本3 :JS实现单元格提示内容换行显示 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1. 概述编辑
1.1 问题描述
使用自带的单元格内容提示,无法实现提示内容换行显示,如下图所示:
有时需要实现提示内容换行显示,如下图所示:
1.2 实现思路
使用 JS 的 title 属性实现。
2. 示例编辑
2.1 数据准备
新建普通报表,新建数据集 ds1,数据库查询语句为:SELECT * FROM 销量 where 地区='华东'
2.2报表设计
1)如下图设计表格:
2)菜单栏选择模板>模板Web属性>分页预览设置中添加加载结束事件,JS 代码为:
$("td[id^=B1-]").attr("title","月底在职的销售员\n含月底当天离职");
2.3 效果预览
保存报表,点击分页预览,效果如下图所示:
注:不支持移动端。
3. 模板下载编辑
已完成模板可参见:%FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc\JS\分页预览JS实例\JS实现单元格提示内容换行显示.cpt
点击下载模板:JS实现单元格提示内容换行显示.cpt