代码拉取完成,页面将自动刷新
import {BaseTable} from 'rl-plus';
<template>
<BaseTable :config="config"/>
</template>
<script setup>
import {BaseTable} from 'rl-plus';
import type {BaseTableType,GroupComsType} from 'rl-plus';
<!-- 配置 -->
const config:BaseTableType={
eleType: GroupComsType.BASETABLE,
data:[],
config:[]
}
</script>
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
eleType | 组件类型(必填) | GroupComsType | |
data | 值(必填) | ObjectType[] | |
config | 配置项(必填) | BaseTableItemType[] | |
soleKey | 唯一标识 | String | |
selectList | 选中数据列表 | ObjectType[] | |
radioData | 单选数据 | String/Number/Boolean | |
height | String/Number | ||
maxHeight | String/Number | ||
stripe | Boolean | ||
border | Boolean | ||
fit | Boolean | ||
showHeader | Boolean | ||
highlightCurrentRow | Boolean | ||
currentRowKey | String/Number | ||
rowClassName | Function | ||
rowStyle | Function | ||
cellClassName | Function | ||
cellStyle | Function | ||
headerRowClassName | Function | ||
headerRowStyle | Function | ||
headerCellClassName | Function | ||
headerCellStyle | Function | ||
rowKey | Function | ||
emptyText | String | ||
defaultExpandAll | Boolean | ||
expandRowKeys | Array | ||
defaultSort | Sort | ||
tooltipEffect | 'dark'/'light' | ||
showSummary | Boolean | ||
sumText | String | ||
summaryMethod | Function | ||
spanMethod | Function | ||
selectOnIndeterminate | Boolean | ||
indent | Number | ||
lazy | Boolean | ||
load | Function | ||
treeProps | ObjectType | ||
tableLayout | 'fixed'/'auto' | ||
scrollbarAlwaysOn | Boolean | ||
flexible | Boolean | ||
loading | Boolean | ||
size | Sizes | ||
disabled | Boolean | ||
style | StyleType | ||
class | StyleType |
属性 | 说明 | 类型 | 默认值 |
---|---|---|---|
label | 表名(必填) | String | |
prop | 字段名称(必填) | String | |
headerSlot | 自定义表头且是自定义表头的具名插槽 | String | |
slot | 具名插槽 | String | |
type | TableItemType | ||
index | Number/Function | ||
columnKey | String | ||
width | String/Number | ||
minWidth | String/Number | ||
fixed | TableItemFixed/Boolean | ||
renderHeader | Function | ||
sortable | Boolean/'custom' | ||
sortMethod | Function | ||
sortBy | Function | ||
sortOrders | [] | ||
resizable | Boolean | ||
formatter | Function | ||
showOverflowTooltip | Boolean | ||
align | AlignType | ||
headerAlign | AlignType | ||
className | String | ||
labelClassName | String | ||
selectable | Function | ||
reserveSelection | Boolean | ||
filters | [] | ||
filterPlacement | String | ||
filterMultiple | Boolean | ||
filterMethod | Function | ||
filteredValue | [] | ||
customFn | Function | ||
hidden | Boolean/Function | ||
style | StyleType | ||
class | StyleType |
事件名 | 说明 | 回调参数 |
---|---|---|
update:value | 复选/单选值 | (e)=>{} |
btnClick | 按钮点击事件 | (e)=>{const {type,data}=e} |
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。