我正在使用 ant design pro 生成表格?,F在我想在一列中實現按鈕并根據值更改按鈕的顏色。但我正在努力如何實現這一點。和圖片類似。當為假時,我可以使用危險來創建一個紅色按鈕。但是如何根據單元格值禁用危險。我的代碼-->const columns = [{ title: 'News Reported', dataIndex: 'newsReported', hideInForm: true, hideInSearch:true, sorter: true,},{ title: 'Trustworthy', dataIndex: 'trustworthy', hideInForm: true, sorter: true, valueEnum: { 0: { text: 'False', status: 'False', }, 1: { text: 'True', status: 'True', }, }, render: (_) => ( <Button type="primary" danger onClick={() => { console.log("Option Clicked",_) }} > {_} </Button> ),},] return (<PageHeaderWrapper> <ProTable rowKey="key" actionRef={actionRef} request={(params, sorter, filter) => queryRule({ ...params, sorter, filter })} columns={columns} rowSelection={false} scroll={{ x: 700 }} /></PageHeaderWrapper>);如果我可以根據單元格值將危險設置為假,我可以實現我的目標。但是我該怎么做呢?提前致謝。
在 Ant Design pro 表中動態更改按鈕顏色
暮色呼如
2022-11-11 16:35:44