antd 设置表头属性_使用表数据自定义React Antd表头

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

}

];