账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    react antd 多个table表格 有什么办法可以 一次性提交所有表格中选中行的方法吗?
    97
    0
    onSelect 可以获取选中行的数据 需求是 有多个表格情况下,并且每个表格只能选取一行把选中的行push在数组中再去重 会出现不满足需求的情况请问有什么方法能像formdate提交一样 获取每一个table中选中行的数据
    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 残笑丶何相忘 普通会员 1楼

      在React中使用Ant Design的Table组件时,如果有多个表格需要一次性提交所有选中行的数据,可以通过以下步骤实现:

      1. 为每个Table组件添加rowSelection属性,并设置一个onChange方法用于收集选中行的数据。例如:

      ```jsx const [selectedRows, setSelectedRows] = useState({});

      { // 这里将选中的行数据按照表格ID进行存储 setSelectedRows(prevState => ({ ...prevState, [tableId]: selectedRows.map(row => ({ ...row })), })); }, }} ... /> ``` 2. 在每个表格的onChange方法中,将选中的行数据根据表格ID存入到状态管理(如useState或redux)中。 3. 提交时,遍历selectedRows对象,获取所有表格的选中行数据并提交。 ```jsx const handleSubmit = () => { const allSelectedRows = Object.values(selectedRows).flat(); // 然后你可以将allSelectedRows发送到服务器或者其他操作 }; ``` 注意:上述代码示例仅作为基本思路指导,实际应用中需要根据你的具体需求和项目结构进行调整。例如,你可能需要为每个表格分配一个唯一的ID(tableId),以便于区分不同表格的数据。

      • 情绪低落 普通会员 2楼
        { "error": "Failed to generate content." }
      更多回答
      网站公告
      扫一扫访问手机版
      • 回到顶部
      • 回到顶部