做表格時畫表格非常的頭條,不像word那樣方便,需要一條線一條線的進(jìn)行拖動。組成表格的線條又分為上框線、下框線、左框線、右框線、內(nèi)部橫(豎)框線這六類。那么在水晶報表里面就可以利用框、線等來制作表格。首先可以使用準(zhǔn)線來進(jìn)行協(xié)助設(shè)計選擇視圖菜單上的準(zhǔn)線命令按鈕,插入準(zhǔn)線,然后將其移動,將準(zhǔn)線放置到目標(biāo)位置與對象分別對齊;接著插入框、豎線、橫線進(jìn)行表格的制作,并且使用準(zhǔn)線去對齊行、列并進(jìn)行定位然后使用準(zhǔn)線對列寬和行高進(jìn)行調(diào)整最后進(jìn)行表格的內(nèi)外部框線的制作,這樣一張表格就可以完成了。
創(chuàng)新互聯(lián)建站專注于中大型企業(yè)的網(wǎng)站制作、成都網(wǎng)站制作和網(wǎng)站改版、網(wǎng)站營銷服務(wù),追求商業(yè)策劃與數(shù)據(jù)分析、創(chuàng)意藝術(shù)與技術(shù)開發(fā)的融合,累計客戶數(shù)千家,服務(wù)滿意度達(dá)97%。幫助廣大客戶順利對接上互聯(lián)網(wǎng)浪潮,準(zhǔn)確優(yōu)選出符合自己需要的互聯(lián)網(wǎng)運(yùn)用,我們將一直專注成都品牌網(wǎng)站建設(shè)和互聯(lián)網(wǎng)程序開發(fā),在前進(jìn)的路上,與客戶一起成長!
從上面幾張圖看,
1、每行顯示的字?jǐn)?shù)是一樣的,但是字體大小不同——是不是你設(shè)置了每行顯示的字個數(shù)?
2、是不是添加了頁面的樣式(CSS)——我記得水晶報表是可以增加樣式的,但是瀏覽支持樣式,但是打印的時候卻不能按照設(shè)置的樣式。
我所知道的就這么多。
舉個例子給題主吧,這樣比較好理解一點(diǎn)。
添加一個模板參數(shù)p1,將模板參數(shù)添加到參數(shù)面板中,并設(shè)置為文本框控件,參數(shù)默認(rèn)值是地區(qū);再在報表里添加一個文本框控件,文本控件內(nèi)容也是地區(qū)。希望獲取參數(shù)面板上文本框和報表里的文本框邊框變?yōu)榧t色,字體顏色變?yōu)樗{(lán)色,直接使用FineReport設(shè)計器是無法實(shí)現(xiàn)這個效果的,那么使用css樣式該如何實(shí)現(xiàn)呢?
1、css樣式編寫
新建一個css文件,獲取文本框的類選擇器為.fr-texteditor,在css文件中輸入該類的樣式:
.fr-texteditor{ border:1px solid red; color:blue; font-weight:bold;}
保存該css文件為css.css,保存在%FR_HOME%/下面。
2、引用css
打開模板,點(diǎn)擊模板模板web屬性,選擇引用css,點(diǎn)擊選擇按鈕,選中剛剛新建的css文件,點(diǎn)擊增加按鈕,將該css增加到下方列表中,如下圖所示:
3、效果查看
點(diǎn)擊填報預(yù)覽,如下圖所示效果:
修改css樣式除了可引用外部css文件外,還可以通過web頁面事件來覆蓋其樣式。比如說,加載完成之后,希望文本框邊框顯示為綠色,字體顯示為加粗藍(lán)色,即可打開模板,點(diǎn)擊模板模板web屬性填報預(yù)覽設(shè)置,選擇為該模板單獨(dú)設(shè)置,添加一個加載結(jié)束事件,并且勾選上直接顯示控件。
$('.fr-texteditor').css('color','blue');
$('.fr-texteditor').css('font-weight','bold');
$('.fr-texteditor').css('border','1px solid red');
rdlc輸出為HTML格式,然后加到其他的html里面
下面是輸出是可以進(jìn)行的一些優(yōu)化
項(xiàng)的定位
若要以 HTML 格式輸出報表,控件將創(chuàng)建一個 HTML 格式的表來包含每組報表項(xiàng)中的項(xiàng)。表中各項(xiàng)的位置與報表布局相同。如果某組報表項(xiàng)只包含一個報表項(xiàng),則不使用表呈現(xiàn)報表項(xiàng)。所有位置和項(xiàng)的大小都以毫米 (mm) 表示。小于 0.2 mm 的大小和位置差異被視為 0 mm。
HTML 不支持項(xiàng)重疊。如果兩個報表項(xiàng)重疊,會以不重疊的方式排列它們。這可能導(dǎo)致頁面上這些項(xiàng)的顯示位置與設(shè)計位置不同。在某些情況下,各個項(xiàng)在設(shè)計工具中似乎未重疊,但實(shí)際上卻相互重疊。報表項(xiàng)的大小和位置屬性將確定報表項(xiàng)的實(shí)際位置。為確定重疊項(xiàng)的位置,呈現(xiàn)擴(kuò)展插件首先考慮這些項(xiàng)的 Top 元素的值,再考慮 Left 元素的值,最后考慮 ZIndex 的值。
分頁
HTML 呈現(xiàn)擴(kuò)展插件將頁面呈現(xiàn)為單獨(dú)的 HTML 頁面(也稱為“區(qū)域”),如下所示:
如果下列項(xiàng)位于帶有分頁符的列表中或直接位于表體中,將呈現(xiàn)分頁符:
PageBreakAtEnd 或 PageBreakAtStart 設(shè)置為 True 的矩形。
PageBreakAtEnd 或 PageBreakAtStart 設(shè)置為 True 的列表或列表組。
PageBreakAtEnd 或 PageBreakAtStart 設(shè)置為 True 的表或表組。表必須至少包含一個可見列。表組的所有父組必須可見。
PageBreakAtEnd 或 PageBreakAtStart 設(shè)置為 True 的矩陣或行組。
包含上述任何項(xiàng)的子報表。
開始時位于包含分頁符的項(xiàng)之上的項(xiàng)將在頁面上顯示于分頁符之前。
如前文所述,HTML 呈現(xiàn)擴(kuò)展插件將嘗試呈現(xiàn)各項(xiàng)中的所有分頁符;但是,如果頁面上包含分頁符的兩個項(xiàng)的位置相鄰,則可能產(chǎn)生無法預(yù)知的結(jié)果。包含分頁符的項(xiàng)以及表、矩陣、或矩形內(nèi)所包含的項(xiàng)也可能產(chǎn)生無法預(yù)知的結(jié)果。
對于靠近包含分頁符的項(xiàng)的任何項(xiàng),如果其頂部位于包含分頁符的項(xiàng)的底部之上,則這些項(xiàng)都將呈現(xiàn)在同一頁上。例如,如果表末尾有一個分頁符,而一個文本框緊鄰該表右側(cè),那么該文本框與該表顯示在同一頁上;位于同一個表底部右下方的文本框?qū)@示在下一頁上。
HTML 呈現(xiàn)擴(kuò)展插件還將根據(jù)報表的屬性定義,在頁面的大概高度處插入分頁符。這主要是為了防止在呈現(xiàn)報表時,不包含分頁符的大型表生成極大的 HTML 頁面。
樣式
樣式元素按照 HTML 4.0 的 CSS 樣式呈現(xiàn)。對于 HTML 4.0,將為每個報表項(xiàng)呈現(xiàn)一個 CSS 樣式。樣式名稱在報表和子報表中是唯一的。下表說明 RDL 樣式屬性與 HTML 樣式的對應(yīng)關(guān)系。
RDL 樣式
說明
HTML 4.0
BorderColor
邊框的顏色。
border
BorderStyle
邊框的樣式。
border
BorderWidth
邊框的寬度。
border
BackgroundColor
背景的顏色。
background-color
BackgroundImage
背景圖像的 URL。
background-image
BackgroundRepeat
背景圖像的重復(fù)模式。
background-repeat
FontStyle
字體樣式(常規(guī)、斜體)。
font-style
FontSize
字號。
font-family
FontWeight
文本的粗細(xì)。
font-weight
TextDecoration
文本的效果(下劃線、刪除線)。
text-decoration
TextAlign
文本的水平對齊方式。
text-align
VerticalAlign
文本豎直對齊方式。
vertical-align
Color
文本的顏色。
color
PaddingLeft
左邊框與文本之間的填充大小。
padding-left
PaddingRight
右邊框與文本之間的填充大小。
padding-right
PaddingTop
上邊框與文本之間的填充大小。
padding-top
PaddingBottom
下邊框與文本之間的填充大小。
padding-bottom
LineHeight
文本行的高度。
Line-height
Direction
從右到左或從左到右。
DIR 屬性
Language
文本語言。
LANG 屬性
UnicodeBiDi
雙向覆蓋算法。
unicode-bidi
我用的是FineReport,不是潤乾,不知道是不是一樣的。
步驟:
打開模板,點(diǎn)擊模板模板web屬性,選擇引用Css,點(diǎn)擊選擇按鈕,選中剛剛新建的css文件,點(diǎn)擊增加按鈕,將該css增加到下方列表中,如下圖所示:
報表選擇器在應(yīng)該是窗體左上角中標(biāo)尺相交的框,用這個框可以執(zhí)行窗體級操作,如選擇窗體。
報表選擇器finereport,可以處理數(shù)據(jù)做各類圖表,里面有很多報表模板和demo,都設(shè)計好了,只要直接導(dǎo)入數(shù)據(jù)就好了吧,網(wǎng)上有免費(fèi)版的。
報表選擇器創(chuàng)建結(jié)構(gòu)、功能豐富的報表。支持平臺多(JS、Web、.Net、Wpf、Java、PHP),提供源碼。功能強(qiáng),界面效果炫酷,支持儀表盤。
報表選擇器ID選擇器:
報表選擇器ID選擇器可以為標(biāo)有特定 ID 的 HTML 元素指定特定的樣式。 根據(jù)元素ID來選擇元素,具有唯一性,這意味著同一id在同一文檔頁面中只能出現(xiàn)一次,例如,你將一個元素的id取值為”navi”,那么在同一頁面你就不能再將其他元素id取名為”navi”了。
報表選擇器css選擇器還是會把這些元素都選中應(yīng)用樣式(如class選擇器那樣),對于css選擇器,id屬性的唯一性似乎不存在。然而,對于js而言,它只會選擇具有相同id名字元素中的第一個。出于一個好的編程習(xí)慣,同一個id不要在頁面中出現(xiàn)第二次。