react实现一维表格、键值对数据表格key value表格

UI画的需求很抽象，直接把数据铺开，不能直接用antd组件了

上一行是name，下一行是value，总数不定，最后前端还要显示求和

class OneDimensionTable extends React.Component {  
    render() {
        const { data } = this.props;
        let total = 0;
        data.map(item => total+=item.value);
        const tableData = [...data, {name: '合计', value: total}];
        const row = Math.trunc(tableData.length % 5 == 0 ? tableData.length/5 : tableData.length/5+1); //一行5个，可以改
        return (
            <table style={
  {border:'1px solid #1890ffd0', color:'white', fontSize: 12, width: 540}}>
            <tbody>
                {[...Array(row)].map((v, i) => (
                    <>
                        <tr>