水晶報(bào)表和怎樣用外部css樣式

做表格時(shí)畫表格非常的頭條，不像word那樣方便，需要一條線一條線的進(jìn)行拖動(dòng)。組成表格的線條又分為上框線、下框線、左框線、右框線、內(nèi)部橫（豎）框線這六類。那么在水晶報(bào)表里面就可以利用框、線等來(lái)制作表格。首先可以使用準(zhǔn)線來(lái)進(jìn)行協(xié)助設(shè)計(jì)選擇視圖菜單上的準(zhǔn)線命令按鈕，插入準(zhǔn)線，然后將其移動(dòng)，將準(zhǔn)線放置到目標(biāo)位置與對(duì)象分別對(duì)齊；接著插入框、豎線、橫線進(jìn)行表格的制作，并且使用準(zhǔn)線去對(duì)齊行、列并進(jìn)行定位然后使用準(zhǔn)線對(duì)列寬和行高進(jìn)行調(diào)整最后進(jìn)行表格的內(nèi)外部框線的制作，這樣一張表格就可以完成了。

創(chuàng)新互聯(lián)建站專注于中大型企業(yè)的網(wǎng)站制作、成都網(wǎng)站制作和網(wǎng)站改版、網(wǎng)站營(yíng)銷服務(wù)，追求商業(yè)策劃與數(shù)據(jù)分析、創(chuàng)意藝術(shù)與技術(shù)開發(fā)的融合，累計(jì)客戶數(shù)千家，服務(wù)滿意度達(dá)97%。幫助廣大客戶順利對(duì)接上互聯(lián)網(wǎng)浪潮，準(zhǔn)確優(yōu)選出符合自己需要的互聯(lián)網(wǎng)運(yùn)用，我們將一直專注成都品牌網(wǎng)站建設(shè)和互聯(lián)網(wǎng)程序開發(fā)，在前進(jìn)的路上，與客戶一起成長(zhǎng)！

水晶報(bào)表頁(yè)面顯示與打印的PDF格式不一樣，有圖，求解？

從上面幾張圖看，

1、每行顯示的字?jǐn)?shù)是一樣的，但是字體大小不同——是不是你設(shè)置了每行顯示的字個(gè)數(shù)？

2、是不是添加了頁(yè)面的樣式（CSS）——我記得水晶報(bào)表是可以增加樣式的，但是瀏覽支持樣式，但是打印的時(shí)候卻不能按照設(shè)置的樣式。

我所知道的就這么多。

怎么修改帆軟報(bào)表的finereport.css

舉個(gè)例子給題主吧，這樣比較好理解一點(diǎn)。

添加一個(gè)模板參數(shù)p1，將模板參數(shù)添加到參數(shù)面板中，并設(shè)置為文本框控件，參數(shù)默認(rèn)值是地區(qū)；再在報(bào)表里添加一個(gè)文本框控件，文本控件內(nèi)容也是地區(qū)。希望獲取參數(shù)面板上文本框和報(bào)表里的文本框邊框變?yōu)榧t色，字體顏色變?yōu)樗{(lán)色，直接使用FineReport設(shè)計(jì)器是無(wú)法實(shí)現(xiàn)這個(gè)效果的，那么使用css樣式該如何實(shí)現(xiàn)呢？

1、css樣式編寫

新建一個(gè)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)擊填報(bào)預(yù)覽，如下圖所示效果：

修改css樣式除了可引用外部css文件外，還可以通過(guò)web頁(yè)面事件來(lái)覆蓋其樣式。比如說(shuō)，加載完成之后，希望文本框邊框顯示為綠色，字體顯示為加粗藍(lán)色，即可打開模板，點(diǎn)擊模板模板web屬性填報(bào)預(yù)覽設(shè)置，選擇為該模板單獨(dú)設(shè)置，添加一個(gè)加載結(jié)束事件，并且勾選上直接顯示控件。

$('.fr-texteditor').css('color','blue');

$('.fr-texteditor').css('font-weight','bold');

$('.fr-texteditor').css('border','1px solid red');

rdlc報(bào)表怎么在html中使用

rdlc輸出為HTML格式，然后加到其他的html里面

下面是輸出是可以進(jìn)行的一些優(yōu)化

項(xiàng)的定位

若要以 HTML 格式輸出報(bào)表，控件將創(chuàng)建一個(gè) HTML 格式的表來(lái)包含每組報(bào)表項(xiàng)中的項(xiàng)。表中各項(xiàng)的位置與報(bào)表布局相同。如果某組報(bào)表項(xiàng)只包含一個(gè)報(bào)表項(xiàng)，則不使用表呈現(xiàn)報(bào)表項(xiàng)。所有位置和項(xiàng)的大小都以毫米 (mm) 表示。小于 0.2 mm 的大小和位置差異被視為 0 mm。

HTML 不支持項(xiàng)重疊。如果兩個(gè)報(bào)表項(xiàng)重疊，會(huì)以不重疊的方式排列它們。這可能導(dǎo)致頁(yè)面上這些項(xiàng)的顯示位置與設(shè)計(jì)位置不同。在某些情況下，各個(gè)項(xiàng)在設(shè)計(jì)工具中似乎未重疊，但實(shí)際上卻相互重疊。報(bào)表項(xiàng)的大小和位置屬性將確定報(bào)表項(xiàng)的實(shí)際位置。為確定重疊項(xiàng)的位置，呈現(xiàn)擴(kuò)展插件首先考慮這些項(xiàng)的 Top 元素的值，再考慮 Left 元素的值，最后考慮 ZIndex 的值。

分頁(yè)

HTML 呈現(xiàn)擴(kuò)展插件將頁(yè)面呈現(xiàn)為單獨(dú)的 HTML 頁(yè)面（也稱為“區(qū)域”），如下所示：

如果下列項(xiàng)位于帶有分頁(yè)符的列表中或直接位于表體中，將呈現(xiàn)分頁(yè)符：

PageBreakAtEnd 或 PageBreakAtStart 設(shè)置為 True 的矩形。

PageBreakAtEnd 或 PageBreakAtStart 設(shè)置為 True 的列表或列表組。

PageBreakAtEnd 或 PageBreakAtStart 設(shè)置為 True 的表或表組。表必須至少包含一個(gè)可見列。表組的所有父組必須可見。

PageBreakAtEnd 或 PageBreakAtStart 設(shè)置為 True 的矩陣或行組。

包含上述任何項(xiàng)的子報(bào)表。

開始時(shí)位于包含分頁(yè)符的項(xiàng)之上的項(xiàng)將在頁(yè)面上顯示于分頁(yè)符之前。

如前文所述，HTML 呈現(xiàn)擴(kuò)展插件將嘗試呈現(xiàn)各項(xiàng)中的所有分頁(yè)符；但是，如果頁(yè)面上包含分頁(yè)符的兩個(gè)項(xiàng)的位置相鄰，則可能產(chǎn)生無(wú)法預(yù)知的結(jié)果。包含分頁(yè)符的項(xiàng)以及表、矩陣、或矩形內(nèi)所包含的項(xiàng)也可能產(chǎn)生無(wú)法預(yù)知的結(jié)果。

對(duì)于靠近包含分頁(yè)符的項(xiàng)的任何項(xiàng)，如果其頂部位于包含分頁(yè)符的項(xiàng)的底部之上，則這些項(xiàng)都將呈現(xiàn)在同一頁(yè)上。例如，如果表末尾有一個(gè)分頁(yè)符，而一個(gè)文本框緊鄰該表右側(cè)，那么該文本框與該表顯示在同一頁(yè)上；位于同一個(gè)表底部右下方的文本框?qū)@示在下一頁(yè)上。

HTML 呈現(xiàn)擴(kuò)展插件還將根據(jù)報(bào)表的屬性定義，在頁(yè)面的大概高度處插入分頁(yè)符。這主要是為了防止在呈現(xiàn)報(bào)表時(shí)，不包含分頁(yè)符的大型表生成極大的 HTML 頁(yè)面。

樣式

樣式元素按照 HTML 4.0 的 CSS 樣式呈現(xiàn)。對(duì)于 HTML 4.0，將為每個(gè)報(bào)表項(xiàng)呈現(xiàn)一個(gè) CSS 樣式。樣式名稱在報(bào)表和子報(bào)表中是唯一的。下表說(shuō)明 RDL 樣式屬性與 HTML 樣式的對(duì)應(yīng)關(guān)系。

RDL 樣式

說(shuō)明

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

字號(hào)。

font-family

FontWeight

文本的粗細(xì)。

font-weight

TextDecoration

文本的效果（下劃線、刪除線）。

text-decoration

TextAlign

文本的水平對(duì)齊方式。

text-align

VerticalAlign

文本豎直對(duì)齊方式。

vertical-align

Color

文本的顏色。

color

PaddingLeft

左邊框與文本之間的填充大小。

padding-left

PaddingRight

右邊框與文本之間的填充大小。

padding-right

PaddingTop

上邊框與文本之間的填充大小。

padding-top

PaddingBottom

下邊框與文本之間的填充大小。

padding-bottom

LineHeight

文本行的高度。

Line-height

Direction

從右到左或從左到右。

DIR 屬性

Language

文本語(yǔ)言。

LANG 屬性

UnicodeBiDi

雙向覆蓋算法。

unicode-bidi

潤(rùn)乾報(bào)表怎樣引用樣式？ 樣式文件a.css

我用的是FineReport，不是潤(rùn)乾，不知道是不是一樣的。

步驟：

打開模板，點(diǎn)擊模板模板web屬性，選擇引用Css，點(diǎn)擊選擇按鈕，選中剛剛新建的css文件，點(diǎn)擊增加按鈕，將該css增加到下方列表中，如下圖所示：

報(bào)表選擇器在哪里

報(bào)表選擇器在應(yīng)該是窗體左上角中標(biāo)尺相交的框，用這個(gè)框可以執(zhí)行窗體級(jí)操作，如選擇窗體。

報(bào)表選擇器finereport，可以處理數(shù)據(jù)做各類圖表，里面有很多報(bào)表模板和demo，都設(shè)計(jì)好了，只要直接導(dǎo)入數(shù)據(jù)就好了吧，網(wǎng)上有免費(fèi)版的。

報(bào)表選擇器創(chuàng)建結(jié)構(gòu)、功能豐富的報(bào)表。支持平臺(tái)多（JS、Web、.Net、Wpf、Java、PHP），提供源碼。功能強(qiáng)，界面效果炫酷，支持儀表盤。

報(bào)表選擇器ID選擇器：

報(bào)表選擇器ID選擇器可以為標(biāo)有特定 ID 的 HTML 元素指定特定的樣式。 根據(jù)元素ID來(lái)選擇元素，具有唯一性，這意味著同一id在同一文檔頁(yè)面中只能出現(xiàn)一次，例如，你將一個(gè)元素的id取值為”navi”，那么在同一頁(yè)面你就不能再將其他元素id取名為”navi”了。

報(bào)表選擇器css選擇器還是會(huì)把這些元素都選中應(yīng)用樣式（如class選擇器那樣），對(duì)于css選擇器，id屬性的唯一性似乎不存在。然而，對(duì)于js而言，它只會(huì)選擇具有相同id名字元素中的第一個(gè)。出于一個(gè)好的編程習(xí)慣，同一個(gè)id不要在頁(yè)面中出現(xiàn)第二次。

當(dāng)前標(biāo)題：css報(bào)表樣式,表格樣式css
鏈接URL：http://jinyejixie.com/article20/dsecpco.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站設(shè)計(jì)公司、、小程序開發(fā)、網(wǎng)站排名、商城網(wǎng)站、響應(yīng)式網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)