Ant design pro中如何对ProTable绑定的表单中的Input输入框作更改

发布于 2022-09-12 13:17:52 字数 808 浏览 18 评论 0

Ant design中的proTable可以自动根据表格内容生成一个Form,如下图所示:
image.png

Form中默认的是input输入框,现在我想要对其中的input输入框作一些操作,也就是想用input组件的api,比如点击input输入框后下方就出现一段灰色提示语,比如输入数据的格式要求,就像注册邮箱那种提示。

请问这里要怎样才能对这里的input输入框作操作呢?columns的相关api中好像没有针对input的操作

const columns: ProColumns<TableListItem>[] = [
    {
      title: '规则名称',
      dataIndex: 'name',
      tip: '规则名称是唯一的 key',
      formItemProps: {
        rules: [
          {
            required: true,
            message: '规则名称为必填项',
          },
        ],
      },
      render: (dom, entity) => {
        return <a onClick={() => setRow(entity)}>{dom}</a>;
      },
    },
     {
      title: '描述',
      dataIndex: 'desc',
      valueType: 'textarea',
    },
  ]

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文