firefly-ui
v1.0.0
Published
A Component Library for Vue3.js.
Readme
firefly-ui
table组件
params
名称 | 说明 | 类型 | 备注 :---: | :---: | :---: | :---: dataSource | 表格数据数组 | any[] | 无 columns | 表格列的配置描述 | array | 无 scroll | 设置横向或纵向滚动,也可用于指定滚动区域的宽和高 | { x:number, y:number } | 无 rowKey | 表格行 key 的取值 | string | 默认'id' rowSelection | 列表项是否可选择,配置项 | object|null | 无 customRow | 设置行属性 | Function(record, index) | 无 loadMore | 是否开启滚动加载 | boolean | 默认false @sortChange | 排序处理函数 | Function(columnsItem) | 返回columns数据 @onLoadMore | 滚动加载处理函数 | Function() | 无
columns
名称 | 说明 | 类型 | 备注 :---: | :---: | :---: | :---: title | 列头显示文字 | string|slot | 无 key | Vue 需要的 key | string | 无 dataIndex | Vue 需要的 key | string | 无 sorter | 是否排序 | boolean | 无 slots | 使用 columns 时,可以通过该属性配置支持 slot 的属性,现支持{title?: string, customRender?: string;} | object | 无 fixed | 列是否固定 | "left" | "right" | 无
rowSelection
名称 | 说明 | 类型 | 备注 :---: | :---: | :---: | :---: fixed | 把选择框列固定在左边 | boolean | 无 selectedRowKeys | 指定选中项的 key 数组,需要和 onChange 进行配合 | string[] | 无 onChange | 选中项发生变化时的回调 | Function(selectedRowKeys, selectedRows) | 无
