BIRT样式问题

来源：互联网发布：剑三毒哥脸型数据下载编辑：程序博客网时间：2024/04/29 16:06

1.右键单击工程，选择new>Other>Web>CSS，建立一个CSS文件，比如birt.css

2.在birt.css里写样式，如果CSS不熟的话，可以到我的CSDN共享资源里下载，这个报表能应付一般简单的表格

3.点一个报表文件，选择Layout标签，然后再Outline窗口下看到Styles，下面有两个默认的Style，可以先删除。然后右键单击Styles，选择"Use CSS File..."，找到刚才建立的birt.css

4.然后就OK了，如果修改了birt.css，只需要右键单击Outline窗口下的Styles的birt.css，选择"Reload CSS File"

birt.css

@CHARSET "UTF-8";
/*报表名称*/
.title{
font-size:16px;
font-weight:bold;
color:#211FBD;
text-align:center;
}

/*表格通用样式*/
.tables{
text-align:center;
line-height:25px;
font-size:14px;
margin: 0;
border: 1px solid #99CCCC;
}
/*表格第一行，注意不是表格的th，有些客户要求把合计行放到最上面*/
.table-first-row{
color:#666666;
font-weight:normal;
}
/*表格正文*/
.table-rows{
padding: 6px 4px 1px 4px;
border-bottom: 1px solid #DDDDDD;
color: #333333;
vertical-align: middle;
}
/*表格的表格线*/
.table-border{
border: 1px solid #DDDDDD;
padding: 1px;
float: left;
}
/*表格的th*/
.table-th{
background: url(img/tableHeadBG.gif) repeat-x left top;
padding: 8px 4px 2px 4px;
border-bottom: 1px solid #DDDDDD;
font-weight: bold;
color: #333333;
vertical-align: middle;
}

/*最后一列(几列之和、几列之差等运算)*/
.table-last-column{
background-color:#E2EAF3;
}
/*最后一行(求统计等)*/
.table-last-row{
background-color:#FFFFCC;
color: #333333;
font-weight:bold;
}