Skip to content

分组汇总表

分组汇总表控件用于按分组维度统计数据,支持分组字段、汇总字段配置,自动合并、表尾汇总和小统计功能。

属性

sg-cmdcode

  • 说明:分组汇总表绑定的指令编码
  • 类型string

示例:

json
"sg-cmdcode":"getSaleReport"

sg-loaddata

  • 说明:分组汇总表渲染后是否自动加载数据。如果没有开启自动加载,可以用 loadTableDatatableSearchresetSearch 等方法触发表格渲染
  • 类型boolean
  • 默认值true

可选值:

说明
true开启
false关闭

示例:

json
"sg-loaddata":false

sg-automerge

  • 说明:是否开启自动合并,开启后相同的内容会自动合并
  • 类型boolean
  • 默认值true

可选值:

说明
true开启
false关闭

示例:

json
"sg-automerge":true

sg-foot

  • 说明:是否开启表尾
  • 类型boolean
  • 默认值false

可选值:

说明
true1开启
false关闭

示例:

json
"sg-foot":true

sg-aggre

  • 说明:小统计总开关,关闭后所有小统计都不会显示
  • 类型boolean
  • 默认值true

可选值:

说明
true1开启
false关闭

示例:

json
"sg-aggre":true

列管理

双击或右键菜单进入分组汇总表编辑页,点击"列管理"配置每一列的信息。

列配置项

配置项说明
列名显示在分组汇总表的列名称
绑定字段跟指令的 sql 字段一致
排序字段前后排序调整
表达式选择"分组字段"出现在分组栏,用于按分组维度统计;其他为"汇总字段"放到数据栏,用于统计计算
表头 class表头的 class
表体 class表体的 class
表尾 class表尾的 class
表头 style表头的样式
表体 style表体的样式
表尾 style表尾的样式
控件属性表格内控件属性(json 格式,跟普通控件的写法相似)

表达式说明

表达式说明
分组字段出现在分组栏,按某个分组维度进行统计
SUM求和(必须是数字类型)
AVG求平均(必须是数字类型)
MAX最大值(必须是数字类型)
MIN最小值(必须是数字类型)

系统自带 class

class说明
sticky固定列(表头、表体、表尾分开处理,建议都加,如果只加表头只有表头固定)
center文字居中
left左对齐
right右对齐
bold加粗(针对表体、表尾有效,表头默认已加粗)

表格内控件属性

分组字段控件属性

sg-aggre:

  • 说明:小统计,支持求和、求平均、最大值、最小值、统计数量
  • 类型string

支持的统计函数:

函数说明
{SUM(字段名)}求和
{AVG(字段名)}求平均
{MAX(字段名)}最大值
{MIN(字段名)}最小值
{COUNT(字段名)}统计数量

示例:

json
"sg-aggre":"大类合计:总金额:{SUM(AMOUNT)},平均折扣{AVG(DIS)}"

汇总字段控件属性

sg-stype:

  • 说明:类型,默认文字,填 "progress" 为条状
  • 类型string
  • 默认值""

示例:

json
"sg-stype":"progress"

sg-proportion:

  • 说明:百分比除数,数字会除以该值作为百分比
  • 类型string

示例:

json
"sg-proportion":"10"

sg-suffix:

  • 说明:后缀
  • 类型string

示例:

json
"sg-suffix":"折"

sg-prefix:

  • 说明:前缀
  • 类型string

示例:

json
"sg-prefix":"¥"

sg-decimal:

  • 说明:保留小数位数
  • 类型number

示例:

json
"sg-decimal":2

基于 MIT 许可发布