In my React project, I need to customize antd table header as follows

I have added sample code bellow.

I need to have Sum of the amount in the header of the Amount column

Sample Code:

解決方案

You can use title function like this for get total of amount fields

const columns = [

{

title: () => {

var total = 0;

for(var i=0;i

total += data[i].amount;

}

return

total {total};

} ,

dataIndex: "date",

width: 200

},

{

title: "Amount",

dataIndex: "amount",

width: 100

}

];

總結

以上是生活随笔為你收集整理的antd 设置表头属性_使用表数据自定义React Antd表头的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。