vue3-h5-table

介绍

适用于 vue3 + ts 的 h5 移动端项目 table 组件

支持左侧固定滑动每行点击回调支持指定列排序

链接：https://github.com/duKD/vue3-h5-table

效果

请添加图片描述

props	说明
minTableHeight	表格最小高度可选默认600
rowNum	表格显示几行可选默认 6
headerHeight	头部默认高度可选默认 60
rowHeight	每行数据的默认高度默认 100
column	每列数据说明见下文
tableDatas	表格数据
fixedHeader	是否固定表头默认true

export type columnItemType = {title:string // 列名dataIndex?:string // table data key 值 width?:number // 列 宽度slotKey?:string // 插槽作用域 idsortable?:boolean //是否 支持排序align?: 'left'|'center'|'right' // 布局key?:string // 哪个列数据 作为 唯一key 值 默认 indexrender?:(h:renderType,row:any)=>void // 自定义render
}

使用实例：