1. 程式人生 > >antd Table表格 單選按鈕

antd Table表格 單選按鈕

效果圖:

引入antd的表格後:
<Table bordered columns={columns} dataSource={dataSource} rowSelection={rowRadioSelection} pagination={false}rowKey={dataSource => dataSource.openid}/>

單選與多選使用的是rowSelection,rowSelection預設是為多選,

const rowRadioSelection={

type:'radio',

columnTitle:"選擇",

onSelect: (selectedRowKeys, selectedRows) => {

console.log(selectedRowKeys, selectedRows)

},

},