@aligov/console-protable

intro component

Usage no npm install needed!

<script type="module">
  import aligovConsoleProtable from 'https://cdn.skypack.dev/@aligov/console-protable';
</script>

README

智搜管理后台通用表格组件

@aligov/console-protable

intro component

API

参数名 说明 必填 类型 默认值 备注
batchDeleteClick 批量删除按钮点击事件 false Function null 与batchDeleteConfig有重叠
batchDeleteConfig 确认删除的文案，可选，可以是文本也可以是函数
confirmMessage?: text | Function;
批量删除按钮点击事件
action:Function;		 false object null 批量删除按钮配置
actions text?: string;
action: () => Promise;
title?: string;
visible?: boolean;		 false object[] null 操作项(与addConfig有重叠)
addConfig text?: string;
action: () => Promise;
title?: string;
visible?: boolean;		 false object null 新增按钮点击事件
style 自定义样式 false any null 自定义样式
rowSelectable 如果为false则不展示行选择框，true一直显示，function则根据行内数据自行添加加判断逻辑； false boolean | ((rowRecord: any) => boolean); true 选择模式配置
tableRef 自定义内部绑定ref，内部绑定事件：
refreshList：外部刷新表格数据；
getValue：外部获取dataSource数据；
setValue：外部重写dataSource数据		 false any null 内部绑定ref
searchConfig 自定义顶部搜索配置，内部组件支持SELECT，SEARCH false (() => React.ReactElement) | ISearchItemProps[]; null 顶部搜索配置
queryData 列表查询参数 true (params, searchParams) => Promise<{ total: number; list?: any[] }>; null 查询列表函数
primaryKey dataSource当中数据的主键，如果给定的数据源中的属性不包含该主键，会造成选择状态全部选中 false string id 默认id
columns 渲染行配置文件 true any[] null 渲染行
onSortChange (dataSource)=>{} 函数存在则触发拖拽排序模式 false Function null 拖拽触发函数
其他 自定义渲染扩展属性，参数参照fusion的table组件 false any null 属性补充