ant protable 新建重写格式_ProTable 快速搭建 CRUD 的利器

最新推荐文章于 2024-08-05 17:52:09 发布

陆牙

最新推荐文章于 2024-08-05 17:52:09 发布

阅读量686

点赞数

文章标签： ant protable 新建重写格式

本文链接：https://blog.csdn.net/weixin_28677451/article/details/113628561

版权

ProTable是为了解决在中后台页面中频繁出现的CRUD操作而设计的，它提供预设功能，如自动处理翻页、刷新数据等。通过配置列和request属性，可以轻松创建全功能表格。此外，它支持自动生成查询表单和添加表单，降低了构建复杂界面的工作量，帮助开发者高效完成任务。

摘要由CSDN通过智能技术生成

大部分中后台页面都是非常同质化的 CRUD 组成的，很多时候都是一个 Table, 然后提供一些操作按钮，并且有一个新增表单。看起来就像这样：

antd 作为服务于企业级产品的设计体系的组件库，已经提供了强大的 Table，但是业务的不同导致我们仍有需要进行一些定制，不同的单元格有很多不同的数据格式，金额，日期，数字等，包括一些常用的操作，页码切换时的重新请求，刷新数据等，这些都是很简单的重复劳动,但是却不可避免。

ProTable 就是为了解决这些问题，在 Table 的层面上提供了一些预设，你可以通过 valueType 来支持各种类型的数据，预设了金额，日期，序号，进度条等多种类型，并且支持通过 valueEnum 来映射枚举，解决非常烦人的各种枚举配置，可以大大的简化代码。

const columns = [
  {
    title: '状态',
    dataIndex: 'status',
    initialValue: 'all',
    width: 100,
    valueEnum: {
      close: { text:

关注

ant protable 新建 重写格式_ProTable 快速搭建 CRUD 的利器