在表格最后加一行合计，计算列表中数据的和

Question

如图所示，怎么在表格最后加一行合计，计算列表中数据的和？

表格代码如下

             <Modal title={`周转量明细`} visible={visible} width={800} footer={null} onCancel={onCancel} >
                <div id='alert-table' ref={alertTableRef} style={{ paddingTop: 8 }}>
                    <Table bordered dataSource={detail}  pagination={false}>
                        <Table.Column title='时间' dataIndex='yearMonth' align='center' />
                        <Table.Column title='货物吞吐量(万吨)' dataIndex='transport' align='center' />
                    </Table>
                </div>
            </Modal>

表格数据来源于后端接口

希望最终的效果是

Answer 1

<script>
        var data = [{
            name: 26.3
        }, {
            name: 26.3
        }, {
            name: 26.3
        }, {
            name: 26.3
        }, {
            name: 26.3
        }, {
            name: 26.3
        }]
        var val = 0;
        for (let i = 0; i < data.length; i++) {
            val += Number(data[i].name)
        }
        console.log(val)//合计
    </script>
大致是这意思，接口里的值加一下就可以了