表格

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:打印元素的选项值。
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)来设置元素显示的最小高度。