BIRT样式问题

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;
}

 

评论 6 您还未登录,请先 登录 后发表或查看评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题:大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值