1. 首页
  2. 编程语言
  3. Javascript
  4. Ant design vue table 单击行选中 勾选checkbox教程

Ant design vue table 单击行选中 勾选checkbox教程

上传者: 2022-06-11 15:10:52上传 PDF文件 181.20 KB 热度 25次

在antd文档中,使用rowSelection的onSelect,可以设置选择/取消选择某行的回调。前3步骤完成后,目前来说,正常的一级二级联动已经完成,现在进行第4步,搜索过滤。具体代码如下  动态控制table的选择功能,需要使用rowSelection的getCheckboxProps。这种优化,就需要设置rowSelection的renderCell,配合Checkbox进行更改。将我们在第二步和第五步设置的onSelect以及getCheckboxProps隐藏,再配置renderCellonClick事件其实就是原来的onSelect,具体代码如下四、完整代码Table+Checkbox模拟Tree完整代码

用户评论