Web报表单元格内容竖向显示的实现方法
2009-11-29 13:27
856 查看
Web报表常见的一个需求是将单元格内的文字竖向显示,润乾报表单元格的内容默认情况下是横向显示的,本文介绍两种润乾报表中实现单元格内容竖排显示的方法。
方法一、宽度限制加自动换行
首先新建一个空白报表,内建一个数据集,内建数据集的内容如下:
然后设计报表模板,具体图示如下:
其中将单元格内容居中显示,设置B1单元格的扩展方向为”横向扩展”。
此时设计的报表在浏览时,单元格的内容是横向显示的,如下图:
接下来设计实现单元格内容竖向显示的功能,将A、B列的宽度设置为8,使每列刚好是一个汉字的宽度(实际运用中的具体宽度要根据字体具体大小来设置);同时勾选上段落属性中的”自动换行”项,使每行只能显示一个汉字,设置页面如下图所示:
设置完成后发布报表,在IE中浏览报表效果如下图所示,即实现了单元格内容竖向显示的需求。
方法二、缩进控制加自动换行
方法一是在用户对列宽没有要求的情况下可以实现,然而有些需求是对列宽有一定要求的,比如说要求列的宽度较大,同时单元格的内容仍然是竖向显示的,方法二就能解决这个需求。
继续对上面做好的报表进行设置,若将B列的宽度设置为25,这时将段落属性中缩进值项设置为10(此缩进值与具体字符大小即列宽度有关),同时勾选上”自动换行”属性,如下图:
设置完成后发布报表,在IE中浏览报表效果如下图所示:
第一种方法是限制列宽为一个字的宽度再加上自动换行来实现单元格内容的竖向显示,而方法二则在列宽为较大值的情况下,通过设置段落缩进值来实现需求。由此可以看出润乾报表为用户提供了灵活和全面的设计方法及设置途径来实现各类需求,用户熟练使用润乾报表的情况下通过一些灵巧的设计方法可以做出各式各样的满足不同需求的报表来。
引自:润乾报表知识库
原文链接:Web报表单元格内容竖向显示的实现方法
相关文章:利用自定义数据集运算函数实现字符串的特殊转化;split函数及其特殊用法;横向分页报表的标题切分
其他相关内容: 润乾 ; 商业智能BI联盟 ; 报表软件 ;Java报表商业智能解决方案web报表的扩展功能
相关文章推荐
- Iframe标签显示目标网页中某区域内容的实现方法
- Jquery实现点击切换图片并隐藏显示内容(2种方法实现)
- AJAX+JSP实现读取XML内容并按排列显示输出的方法示例
- listview中每一项内容按类别显示的实现方法
- JS实现点击循环切换显示内容的方法
- 实现用户注销后不能后退显示原页面内容的方法
- Angular实现点击按钮后在上方显示输入内容的方法
- shell脚本中echo显示内容带颜色的实现方法
- 显示两个文件不一致的内容的实现(细胞分裂的方法)
- 在rials 中使用bootstrap 的modal对话框 实现一个弹窗显示多层次内容的方法
- JS实现点击链接切换显示隐藏内容的方法
- JS实现左右拖动改变内容显示区域大小的方法
- JS+CSS实现可以凹陷显示选中单元格的方法
- 当显示的页面内容太长时,需要省略号代替时,通过自定义标签来实现方法
- grid中显示blobImage上传的图片 通过本案例,我们实现blobImage上传的图片在grid表格中的显示。 grid的cellRender方法渲染单元格显示图片,例: 1 2 3 4 5
- Iframe标签显示目标网页中某区域内容的实现方法
- jQuery实现鼠标双击Table单元格变成文本框及输入内容后更新到数据库的方法
- JS+CSS实现可以凹陷显示选中单元格的方法
- shell脚本中echo显示内容带颜色的实现方法
- shell脚本中echo显示内容带颜色的实现方法