8lab 基础增删改查库
npm install 8lab_customtable基于 ant design Table 封装的基础 CRUD 组件,内置搜索栏(可配置),操作栏(可配置),自定义表格咧操作栏
``javascript
*
* columns: Record
*
* noSearch?: boolean 是否有搜索
*
* columnsSetter?: () => void 可拖拽表格
*
* rowSelection?: Record
*
* filterColumns?: Record
*
* formModalColumns?:Record
*
* pagination?: boolean 是否分页
*
* tableLayout?: string 表格元素的 table-layout 属性
*
* url: string 接口
*
* addUrl?:string 新增接口
*
* updataUrl?:string 修改接口
*
* deleteUrl?:string 删除接口
*
* options?: React.ReactElement 自定义操作栏
*
* noAddBtn?: boolean 新增按钮
*
* method?: string 请求方法
*
* params?: Record
*
* searchValue?: Record
*
* scroll?: Record
*
* bordered?: boolean 表格是否有线
*
* onRowClick?: any 设置行属性
*
* changeRowColor?: boolean 改变行颜色
*
* size?: string 表格大小
*
* autoClick?: number 是否自动选中第一行
*
* actions?: React.ReactElement 自定义操作栏
*
* reloadTable?: any 导出reload方法
`
`javascript``
pagination
rowSelection
reloadTable={realod}
formModalColumns={formModalColumns}
filterColumns={searchColumns}
url={'rules'}
params={{ age: 18 }}
options={
<>
sss
>
}
actions={
<>
onClick={() => {
setReload((v) => v + 1);
}}
>
重置
>
}
method="get"
/>