使用foreach循环将每列的总和相加，并在表的底部显示每个总和

的方法如下：

首先，获取表格的所有列数和行数。
创建一个数组来存储每列的总和。
使用foreach循环遍历每一列。
在循环中，创建一个变量来存储当前列的总和，并将其初始化为0。
使用嵌套的foreach循环遍历当前列的每一行。
在内部循环中，将每个单元格的值转换为数字，并将其加到当前列的总和变量中。
在外部循环结束后，将当前列的总和添加到总和数组中。
在表的底部添加一行，用于显示每个总和。
使用foreach循环遍历总和数组，并将每个总和显示在底部行的相应列中。

下面是一个示例代码：

<!DOCTYPE html>
<html>
<head>
    <title>Table with Column Sums</title>
</head>
<body>
    <table id="myTable">
        <tr>
            <th>Column 1</th>
            <th>Column 2</th>
            <th>Column 3</th>
        </tr>
        <tr>
            <td>1</td>
            <td>2</td>
            <td>3</td>
        </tr>
        <tr>
            <td>4</td>
            <td>5</td>
            <td>6</td>
        </tr>
        <tr>
            <td>7</td>
            <td>8</td>
            <td>9</td>
        </tr>
    </table>

    <script>
        // 获取表格
        var table = document.getElementById("myTable");

        // 获取列数和行数
        var numCols = table.rows[0].cells.length;
        var numRows = table.rows.length;

        // 创建数组来存储每列的总和
        var columnSums = new Array(numCols).fill(0);

        // 使用foreach循环遍历每一列
        Array.from(table.rows).forEach(function(row) {
            Array.from(row.cells).forEach(function(cell, columnIndex) {
                // 将每个单元格的值转换为数字，并将其加到当前列的总和变量中
                columnSums[columnIndex] += parseInt(cell.innerHTML);
            });
        });

        // 在表的底部添加一行，用于显示每个总和
        var bottomRow = table.insertRow(numRows);

        // 使用foreach循环遍历总和数组，并将每个总和显示在底部行的相应列中
        columnSums.forEach(function(sum) {
            var cell = bottomRow.insertCell();
            cell.innerHTML = sum;
        });
    </script>
</body>
</html>

在这个示例代码中，我们使用了JavaScript来实现对表格每列总和的计算，并在表的底部显示了每个总和。请注意，这只是一个简单的示例，你可以根据实际需求进行修改和扩展。