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

}

];

总结

以上是生活随笔为你收集整理的antd 设置表头属性_使用表数据自定义React Antd表头的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。