
Antd-Data-Table:结合Antd的Table和Form进行数据搜索、展示与操作的组件
5星
- 浏览量: 0
- 大小:None
- 文件类型:ZIP
简介:
Antd-Data-Table是一款集成了Ant Design Table和Form组件的数据处理工具,支持高效的数据搜索、展示及操作功能。
antd数据表
一个结合了antd的Table和Form组件来实现数据搜索、显示及操作功能的组件。
特征:
- 摆脱繁琐任务:处理分页、表格行选择,编写搜索字段表单项组件以及动作组件。
- 关注重点:进行数据获取请求并返回结果;如有必要,则呈现特定的数据字段。此外,还可以开发插件来对一个或多个数据对象执行操作。
安装:
```shell
$ yarn add antd-data-table --save
```
最简单的数据表实例:
导入DataTable组件:
```javascript
import { DataTable } from antd-data-table;
```
定义搜索字段数组(示例):
```javascript
const searchFields : SearchField[] = [
{
label: ID,
name: id,
type: input,
payload: {
props: {
placeholder:
}
}
},
{
label: 选择,
name: select,
type: select
}
```
注意:上述代码示例中的`pay`字段可能是拼写错误,正确的应该是`payload`。
全部评论 (0)
还没有任何评论哟~


