帆軟報表是一種可視化報表工具,可以幫助用戶快速創建和管理各種復雜和精美的報表。在帆軟報表中,預覽效果是非常重要的,這需要我們通過CSS樣式來進行定制。
在帆軟報表中預覽CSS樣式的修改都是在CSS文件中進行的。我們可以通過修改帆軟默認CSS樣式,或是添加新的CSS文件來實現對報表的樣式定制。
//修改報表內容的字體 body{ font-size:16px; font-family: "Microsoft Yahei",微軟雅黑,"Helvetica Neue",Helvetica,Arial,sans-serif; } //設置表格邊框和顏色 table{ border-collapse:collapse; border:1px solid #ccc; } //設置表格內單元格的邊框和顏色 table td, table th{ border: 1px solid #999; padding: 5px; } //設置表格的背景顏色和字體顏色 .table-striped>tbody>tr:nth-child(odd)>td, .table-striped>tbody>tr:nth-child(odd)>th { background-color:#f9f9f9; } .table-bordered th, .table-bordered td { border: 1px solid #ddd; text-align: center; } .table-condensed>tbody>tr>td, .table-condensed>tbody>tr>th, .table-condensed>tfoot>tr>td, .table-condensed>tfoot>tr>th, .table-condensed>thead>tr>td, .table-condensed>thead>tr>th { padding: 4px 6px; }
可以看到,通過修改CSS樣式,我們可以實現對報表內容的字體、表格邊框和顏色、背景顏色和字體顏色等多個方面進行修改。這些修改可以使得預覽效果更加符合我們的需求,提高報表的可讀性和美觀度。
上一篇jquery 倒序
下一篇jquery 便利tr