多维报表表格

支持表头分组、排序、动态更新，行头按指定维度分组、合并，配置自定义列等功能，基于原生Table封装。

基础表格

排序

对表格进行排序，可快速查找或对比数据。

多级表头

数据结构比较复杂的时候，可使用多级表头来展现数据的层次关系。

表头动态更新

行头分组、合并

行头可以根据指定维度进行分组、合并

合计行

可以显示表尾合计行，以及指定维度的合计行。

合计行样式类

自定义列

插槽

流体高度

当数据量动态变化时，可以为 Table 设置一个最大高度。

显示溢出工具提示的表格

Table API

Table 属性

属性名	说明	类型	Default
dbOptions	数据配置	object	—
tableColumns	表头数据配置	array	—
mergeFields	合并行头，以及指定维度是否显示合计行。其中field是指定要合并的字段名，对应tableColumns中的field值；showMerge控制是否显示该维度的合计行	array	[{ "field": "string", "showMerge": "boolean"}]
showSummary	是否显示表尾合计行	boolean	true
rowClassName	行动态设置 CSS 类名，作用于合计行，按数组顺序对应白蓝、白绿、黑金主题下的样式类	array	—
height	table 的高度	string / number	—
maxHeight	table 的最大高度	string / number	—
fit	列的宽度是否自撑开	boolean	false
showOverflowTooltip	是否隐藏额外内容并在单元格悬停时使用 Tooltip 显示它们	boolean	false

dbOptions API

属性名	说明	类型	Default
columns	表头配置	array	—
data	数据配置	array	—

Table 插槽

插槽名	说明
#cell-xxx="{ cell }"	自定义默认内容，xxx 为 columns 中对应的field的值

事件

名称	说明	回调参数
cellClick	点击单元格时触发	Function (cell，rowIndex，columnIndex，event ) => void，cell为单元格对象，rowIndex为行索引，columnIndex为列索引，event为原生事件对象
sortChange	当表格的排序条件发生变化的时候会触发	Function(data: {label: string, prop: string, order: any }) => void，label为排序字段的文本名，prop为排序字段的属性名，order为排序方式