所以我想在 ant 設計表的單個單元格中顯示多個資料。似乎它只允許插入單個資料元素。是否可以將多個資料組合到一個單元格中？
這是資料物件的樣子：
data {
transactionNo
transactionTypeNo
transactionType
createdTstamp
sourceNo
accountNo
currencyCd
}
這些是表格列
const columns = [
{
title: 'Transaction No',
dataIndex: 'transactionNo',
key: 'transactionNo',
align: 'left',
},
},
{
title: 'Transaction Date',
dataIndex: 'createdTstamp',
defaultSortOrder: DESC,
sortable: true,
key: 'createdTstamp',
},
{
title: 'Description',
dataIndex: 'transactionType',
key: 'transactionType',
align: 'left',
textWrap: 'wrap',
defaultHidden: false,
render: ( record) => (
<>{record.transactionType}</>
),
},
我想在單個單元格中同時顯示transactionType和sourceNo 。已經嘗試使用記錄但沒有運氣。我正在使用對打字稿做出反應。
uj5u.com熱心網友回復：
您可以在 antd Columns 中使用 Render Method。你已經發現差不多了，只需要正確參考記錄..
{
title: 'Description',
dataIndex: 'transactionType',
key: 'transactionType',
align: 'left',
textWrap: 'wrap',
defaultHidden: false,
// in Render first param returns current field, second params return entire data
render: (text, record) => (
<>{record.transactionType} {record.sourceNo}</>
),
},
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/508369.html
標籤：javascript 反应 打字稿 蚂蚁
下一篇：如何根據TS修復功能？