CSS美化报
表
关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf
Birt建立第一个报表--------使用CSS美化报表
适用对象:birt初学者
级别:入门级
日期:2006-06-21
创建者:凡
摘要:
1、 建立报表
2、 用CSS美化报表
3、 用脚本控制显示格式
今天第一讲,属入门级,希望能抛砖引玉
本例使用birt自带的示例数据库
1、 新建报表,报表名:凡20060622001 2、 新建立数据源名:firstClassicModelInc 3、 建立数据源名:firstDS
4、 修改列名为中文名
5、 在报表中加入标
题
快递公司问题件快递公司问题件货款处理关于圆的周长面积重点题型关于解方程组的题及答案关于南海问题
、数据集
6、 将建立好的CSS导入到报表中
7、 选择报表的标题应用样式fbresulttitle 8、 选择表头应用样式fbresulthead
9、 选择明细数据行应用样式fbresultcontent 10、 选择表的明细行,单击脚本在onPrepare事件处理中加入var count=0;
11、 在onCreate事件处理中加入
count++;
if(count%2==0)
{this.getStyle().backgroundColor = "#EFEFEF";
}
else
{this.getStyle().backgroundColor="#d4d0c8";}
12、 这个时候预览一下,是不是好看多了
CSS文件
.fbresulttitle {
FONT-WEIGHT: bold;
FONT-SIZE: 14px;
COLOR: #3a6ea5;
FONT-FAMILY: "宋体";
HEIGHT: 22px;
cursor:default;
text-indent: 10px;
border-left:1px solid #d4d0c8;
border-top:1px solid #d4d0c8;
border-right:1px solid #808080;
border-bottom:1px solid #808080;
text-decoration: none
}
.fbresulthead {
FONT-SIZE: 12px;
BACKGROUND: #d4d0c8;
FONT-FAMILY: "宋体";
cursor:default;
text-align: center;
text-decoration: none;
HEIGHT: 20px;
border-left:1px solid #efefef;
border-top:1px solid #efefef;
border-right:1px solid #808080;
border-bottom:1px solid #808080; }
.fbresultcontent {
FONT-SIZE: 12px;
FONT-FAMILY: "宋体";
HEIGHT: 20px;
text-decoration: none;
border-left:1px solid #efefef;
border-top:1px solid #efefef;
border-right:1px solid #efefef;
border-bottom:1px solid #efefef; }