多维报表表格

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

基础表格

列拖拽排序

排序

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

多级表头

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

表头动态更新

行头分组、合并

行头可以根据指定维度进行分组、合并。需要注意进行分组的表格（即：mergeFields字段存在）不支持拖拽排序。

合计行

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

合计行样式类

自定义列

插槽

流体高度

当数据量动态变化时，可以为 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	—
fixed	tableColumns 设置fixed可固定某列	string	right, left
fit	列的宽度是否自撑开	boolean	false
showOverflowTooltip	是否隐藏额外内容并在单元格悬停时使用 Tooltip 显示它们	boolean	false
showDraggable	是否开启列拖拽排序	boolean	false
actionBtns	是否显示操作行，可选值为edit、delete，为空时不展示操作行，否则展示对应按钮	array	—

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为排序方式
editRow	当点击操作行按钮触发	Function(type, row, index) => void，type为事件类型（edit、delete），row为当前行数据，index为当前行索引

表格方法

方法名	说明	参数
exportTable	导出表格	exportConfig：导出配置，token：导出数据的token，searchParam：导出数据的查询参数