Table 表格 - 选择功能

Table 组件支持单选和多选功能。

多选

配置 selection-config 的 type 为 checkbox 启用多选功能。

多选

单选

配置 selection-config 的 type 为 radio 启用单选功能。

单选

禁用选择

通过 selection-config.checkable 函数控制某行能否被选中。

禁用选择

跨页保留选择

设置 selection-config.reserve 为 true 可在切换分页时保留选择状态。

跨页保留选择

实战：跨页勾选与回显

结合分页组件请求在线接口 JSONPlaceholder，演示真实场景下的跨页勾选和已选回显功能。

实战：跨页勾选与回显

实战：分页初始化回显

模拟编辑场景——页面加载时从后端获取之前已保存的勾选数据，通过 selectedRowKeys 自动回显勾选状态。切换到对应页码时，属于该页的行会自动打勾；同时支持继续勾选/取消操作。

核心思路：将后端返回的已选数据写入 Map，提取 keys 传给 selectedRowKeys，表格会自动将匹配的行标记为选中。

实战：分页初始化回显