您的位置:首页 > 知识库 > 设计基础 > 博计报表动态控制行间距

博计报表动态控制行间距

现在由于一些客户在报表中要做成红头文件的样式,所以报表中存在着一些大文本字段,而且在报表展现的时候这些大文本字段的行间距也要根据需求来调整。下面就用一个例子来实现报表内文字行间距动态调整的功能。

实现思路为:这个文本放到一个div层里面,然后通过css来控制行间距。

第一步,新建一张报表:

新建一张普通的报表,报表里面随便写一段文字,报表的样式可以参考下图:

然后直接发布这个报表,看到的效果如下图所示:

第二步,把文字放到div层里:

如第一幅图的raq截图,把A1单元格的数据类型设置成html,然后把这段文字放到一个div里面,具体的样式如下图所示:

然后在发布报表的aspx的<head></head>中间加上如下内容的css样式:
<head>
<style type=”text/css”>
p.big
{
line-height: 5
}
</style>
</head>

然后保存这个aspx,这段css里面line-height: 5就是指定的行间距,可以根据自己的需要修改成合适的值,我们这里设置成5。

第三步,发布报表:

用上面加入css样式的aspx发布上面的报表,就可以看到如下图的效果:

这样,报表内文字行间距动态调整的功能就实现了。

浏览次数:0 ; 发布日期:2010/08/19

热门文章

  • 申请试用授权 - 49,853 views
  • 使用入门教程简介 - 30,987 views
  • .NET报表产品概况 - 27,730 views
  • 联系我们 - 13,867 views
  • 技术支持 - 10,185 views
  • 高效报表设计 - 9,033 views
  • Web报表工具的新起点 - 7,563 views
  • 复杂报表的制作 - 7,033 views
  • Web报表软件的采购成本 - 6,530 views
  • Web报表软件的集成方案 - 5,075 views