You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

React Data Table Component中如何禁用多选,改用单选按钮选行

解决react-data-table-component单选行问题

要实现单选按钮选择行并禁用多选,只需将selectableRows属性的值从true改为"single"即可。该组件通过selectableRows的取值控制选择模式:

  • true:启用多选(复选框)
  • "single":启用单选(单选按钮)
  • false:禁用选择功能

修改后的代码如下:

<Table
    data={data}
    columns={columns}
    selectableRows="single"
    conditionalRowStyles={conditionalRowStyles}
    onRowClicked={handleRowClicked}
    onSelectedRowsChange={handleRowSelected}
    clearSelectedRows={true}
/>

修改后表格会自动渲染单选按钮,且仅支持单行选择,默认禁用了多选功能。

内容的提问来源于stack exchange,提问作者sokida

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.30 18:06:38