表格
printElementType
名称 | 类型 | 描述 | 默认值 |
---|---|---|---|
tid | string
|
元素类型的标识 | |
title | string | 用户托拽列表中显示的名称 | |
field | string | 字段名称 | |
styler | function |
表格样式函数,返回样式对象来自定义该 表格元素的样式,例如 {'background':'red'} 。该函数需要二个参数: value:字段的值。 options:打印元素的选项值。 |
|
rowStyler | function |
表格列样式函数,返回样式对象来自定义该 tr元素的样式,例如 {'background':'red'} 。该函数需要二个参数: value:字段的值。 options:打印元素的选项值。 |
|
columns |
array<array> | 表格的列(column)的配置对象,更多细节请参见列(column)属性。[[{},{}][{},{}]] //多行表头 | |
formatter | function | 该函数需要一个参数:data | 返回表格的html 字符串 |
groupFields | array | 表格的数据的分组字段,该字段为数组,可以根据多列进行分组。 | |
groupFormatter | function |
分组头格式化函数,定义分组显示信息,当groupFields数组长度为1是默认显示为字段值。该函数需要二个参数: groupData:分组信息。 options:打印元素的选项值。 |
|
footerFormatter | function |
表格脚格式化函数,定义分组尾部显示信息,可以放置写统计信息。。该函数需要四个参数: options:打印元素的选项值。 rows data currentPageGridRowsData:当前页数据 |
|
gridColumnsFooterFormatter | function |
多组表格脚格式化函数,定义分组尾部显示信息,可以放置写统计信息。。该函数需要四个参数: options:打印元素的选项值。 rows data currentPageRowsData:当前页数据 |
|
groupFooterFormatter | function |
分组脚格式化函数,定义分组尾部显示信息,可以放置写统计信息。。该函数需要二个参数: groupData:分组信息。 options:打印元素的选项值。 |
|
onRendered | function |
元素渲染完成事件,该函数需要三个参数: target:元素jq dom。 options:打印元素的选项值。 paperTarget:打印所在纸张的ja dom |
|
fields | 数组 |
元素的字段数据源[{field:'' ,text:'' }] fields存在 元素字段则显示为下拉框显示 fields 不存在 元素字段则为输入框显示 优先级高于 模板全局设置数据源 |
columns
列属性
名称 | 类型 | 描述 | 默认值 |
---|---|---|---|
width | number | 此宽度只是相对值 实际渲染会等比换算 | 100 |
title | string | 列标题 | |
field | string | 列所对应的数据字段 | |
fixed | boolean | 宽度锁定,渲染时不进行等比换算 | false |
rowspan | number | 指示一个单元格占据多少行。 | |
colspan | number | 指示一个单元格占据多少列。 | |
align | string | 指示如何对齐该列的数据,可以用 'left'、'right'、'center'。 | |
halign | string | 指示如何对齐该列的头部,可能的值:'left'、'right'、'center'。如果没有分配值,则头部对齐方式将与通过 'align' 属性定义的数据对齐方式一致 | |
formatter | function |
单元格的格式化函数,需要四个参数: value:字段的值。 row:行的记录数据。 index:行的索引。 options:打印元素的选项值 |
|
styler | function |
单元格的样式函数,需要四个参数: value:字段的值。 row:行的记录数据。 index:行的索引。 options:打印元素的选项值 |
options
名称 | 类型 | 描述 | 默认值 |
---|---|---|---|
field | string | 字段名称 | |
fontFamily | string | 字体 | 宋体 |
fontSize | number | 字体大小 | 9pt |
lineHeight | number | 行高 | 9.75pt |
textAlign | string | 对齐 left center right | |
tableBorder | string | 表格边框noBorder或border | |
tableHeaderBorder | string | 表头边框noBorder或border或topBorder或bottomBorder或topBottomBorder | |
tableHeaderCellBorder | string | 表头单元格边框noBorder或border | |
tableHeaderRowHeight | number | 表头高度pt | |
tableHeaderBackground | string | 表头颜色 | |
tableHeaderFontSize | number | 表头字体大小 | |
tableHeaderFontWeight | string | 表头字体粗细 | |
tableBodyCellBorder | string | 表体单元格边框noBorder或borde | |
tableBodyRowBorder | string | 表头边框noBorder或border或topBorder或bottomBorder或topBottomBorder | |
tableBodyRowHeight | number | 标题行高度 | |
axis | string | 打印设计时拖拽方向 axis v:竖向 h:横向。需在design方法中显示开启,template.design('#designDiv',{ axisEnabled:true }) | |
lHeight | number | 当长文本或表格数据过少或为空,元素高度将是他们占用的实际高度,下方元素保持原有间距。可以设置元素lHeight属性(number)来设置元素显示的最小高度。 |