css报表样式,表格样式css

水晶报表和怎样用外部css样式

做表格时画表格非常的头条，不像word那样方便，需要一条线一条线的进行拖动。组成表格的线条又分为上框线、下框线、左框线、右框线、内部横（竖）框线这六类。那么在水晶报表里面就可以利用框、线等来制作表格。首先可以使用准线来进行协助设计选择视图菜单上的准线命令按钮，插入准线，然后将其移动，将准线放置到目标位置与对象分别对齐；接着插入框、竖线、横线进行表格的制作，并且使用准线去对齐行、列并进行定位然后使用准线对列宽和行高进行调整最后进行表格的内外部框线的制作，这样一张表格就可以完成了。

相关问答

Q1: 水晶报表页面显示与打印的PDF格式不一样，有图，求解？

从上面几张图看，

1、每行显示的字数是一样的，但是字体大小不同——是不是你设置了每行显示的字个数？

2、是不是添加了页面的样式（CSS）——我记得水晶报表是可以增加样式的，但是浏览支持样式，但是打印的时候却不能按照设置的样式。

我所知道的就这么多。

Q2: 怎么修改帆软报表的finereport.css

举个例子给题主吧，这样比较好理解一点。

添加一个模板参数p1，将模板参数添加到参数面板中，并设置为文本框控件，参数默认值是地区；再在报表里添加一个文本框控件，文本控件内容也是地区。希望获取参数面板上文本框和报表里的文本框边框变为红色，字体颜色变为蓝色，直接使用FineReport设计器是无法实现这个效果的，那么使用css样式该如何实现呢？

1、css样式编写

新建一个css文件，获取文本框的类选择器为.fr-texteditor，在css文件中输入该类的样式：

.fr-texteditor{ border:1px solid red; color:blue; font-weight:bold;}

保存该css文件为css.css，保存在%FR_HOME%/下面。

2、引用css

打开模板，点击模板模板web属性，选择引用css，点击选择按钮，选中刚刚新建的css文件，点击增加按钮，将该css增加到下方列表中，如下图所示：

3、效果查看

点击填报预览，如下图所示效果：

修改css样式除了可引用外部css文件外，还可以通过web页面事件来覆盖其样式。比如说，加载完成之后，希望文本框边框显示为绿色，字体显示为加粗蓝色，即可打开模板，点击模板模板web属性填报预览设置，选择为该模板单独设置，添加一个加载结束事件，并且勾选上直接显示控件。

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

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

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

Q3: rdlc报表怎么在html中使用

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

下面是输出是可以进行的一些优化

项的定位

若要以 HTML 格式输出报表，控件将创建一个 HTML 格式的表来包含每组报表项中的项。表中各项的位置与报表布局相同。如果某组报表项只包含一个报表项，则不使用表呈现报表项。所有位置和项的大小都以毫米 (mm) 表示。小于 0.2 mm 的大小和位置差异被视为 0 mm。

HTML 不支持项重叠。如果两个报表项重叠，会以不重叠的方式排列它们。这可能导致页面上这些项的显示位置与设计位置不同。在某些情况下，各个项在设计工具中似乎未重叠，但实际上却相互重叠。报表项的大小和位置属性将确定报表项的实际位置。为确定重叠项的位置，呈现扩展插件首先考虑这些项的 Top 元素的值，再考虑 Left 元素的值，最后考虑 ZIndex 的值。

分页

HTML 呈现扩展插件将页面呈现为单独的 HTML 页面（也称为“区域”），如下所示：

如果下列项位于带有分页符的列表中或直接位于表体中，将呈现分页符：

PageBreakAtEnd 或 PageBreakAtStart 设置为 True 的矩形。

PageBreakAtEnd 或 PageBreakAtStart 设置为 True 的列表或列表组。

PageBreakAtEnd 或 PageBreakAtStart 设置为 True 的表或表组。表必须至少包含一个可见列。表组的所有父组必须可见。

PageBreakAtEnd 或 PageBreakAtStart 设置为 True 的矩阵或行组。

包含上述任何项的子报表。

开始时位于包含分页符的项之上的项将在页面上显示于分页符之前。

如前文所述，HTML 呈现扩展插件将尝试呈现各项中的所有分页符；但是，如果页面上包含分页符的两个项的位置相邻，则可能产生无法预知的结果。包含分页符的项以及表、矩阵、或矩形内所包含的项也可能产生无法预知的结果。

对于靠近包含分页符的项的任何项，如果其顶部位于包含分页符的项的底部之上，则这些项都将呈现在同一页上。例如，如果表末尾有一个分页符，而一个文本框紧邻该表右侧，那么该文本框与该表显示在同一页上；位于同一个表底部右下方的文本框将显示在下一页上。

HTML 呈现扩展插件还将根据报表的属性定义，在页面的大概高度处插入分页符。这主要是为了防止在呈现报表时，不包含分页符的大型表生成极大的 HTML 页面。

样式

样式元素按照 HTML 4.0 的 CSS 样式呈现。对于 HTML 4.0，将为每个报表项呈现一个 CSS 样式。样式名称在报表和子报表中是唯一的。下表说明 RDL 样式属性与 HTML 样式的对应关系。

RDL 样式

说明

HTML 4.0

BorderColor

边框的颜色。

border

BorderStyle

边框的样式。

border

BorderWidth

边框的宽度。

border

BackgroundColor

背景的颜色。

background-color

BackgroundImage

背景图像的 URL。

background-image

BackgroundRepeat

背景图像的重复模式。

background-repeat

FontStyle

字体样式（常规、斜体）。

font-style

FontSize

字号。

font-family

FontWeight

文本的粗细。

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

Q4: 润乾报表怎样引用样式？ 样式文件a.css

我用的是FineReport，不是润乾，不知道是不是一样的。

步骤：

打开模板，点击模板模板web属性，选择引用Css，点击选择按钮，选中刚刚新建的css文件，点击增加按钮，将该css增加到下方列表中，如下图所示：

Q5: 报表选择器在哪里

报表选择器在应该是窗体左上角中标尺相交的框，用这个框可以执行窗体级操作，如选择窗体。

报表选择器finereport，可以处理数据做各类图表，里面有很多报表模板和demo，都设计好了，只要直接导入数据就好了吧，网上有免费版的。

报表选择器创建结构、功能丰富的报表。支持平台多（JS、Web、.Net、Wpf、Java、PHP），提供源码。功能强，界面效果炫酷，支持仪表盘。

报表选择器ID选择器：

报表选择器ID选择器可以为标有特定 ID 的 HTML 元素指定特定的样式。 根据元素ID来选择元素，具有唯一性，这意味着同一id在同一文档页面中只能出现一次，例如，你将一个元素的id取值为”navi”，那么在同一页面你就不能再将其他元素id取名为”navi”了。

报表选择器css选择器还是会把这些元素都选中应用样式（如class选择器那样），对于css选择器，id属性的唯一性似乎不存在。然而，对于js而言，它只会选择具有相同id名字元素中的第一个。出于一个好的编程习惯，同一个id不要在页面中出现第二次。