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
相关产品推荐
相关产品推荐

