问题描述:

        在使用react框架结合Antd来开发项目的时候,用到了table组件,实现表格的批量删除功能时遇到了一个问题:当我们批量删除数据后,表格的数据内容更新了,但是每行前面的选中框还是选中的状态,有残留,如下:

Ant Design表格批量删除后选中框残留问题

 

解决方法:

        官网给出了解决思路:我们要先定义rowSelection,然后定义它的onChange事件,如下:

Ant Design表格批量删除后选中框残留问题

Ant Design表格批量删除后选中框残留问题

         但上述方法只是解决删除一行数据后选中框残留问题,我们是批量删除,所以,我们将上述方法修改一下:在我们的删除事件最后重新将selectedRowKeys置空就可以,如下:

Ant Design表格批量删除后选中框残留问题

 

 

相关文章:

  • 2022-12-23
  • 2022-12-23
  • 2021-12-24
  • 2022-12-23
  • 2021-05-16
  • 2021-09-12
  • 2021-12-28
  • 2021-11-16
猜你喜欢
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-12-20
  • 2022-12-23
  • 2021-11-12
  • 2022-12-23
相关资源
相似解决方案