写一个动态合并单元格前后端java代码

前端代码：

<table>
  <thead>
    <tr>
      <th>姓名</th>
      <th>年龄</th>
      <th>性别</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td rowspan="2">张三</td>
      <td>25</td>
      <td>男</td>
    </tr>
    <tr>
      <td>30</td>
      <td>男</td>
    </tr>
    <tr>
      <td>李四</td>
      <td>28</td>
      <td>女</td>
    </tr>
    <tr>
      <td colspan="3">总人数：3</td>
    </tr>
  </tbody>
</table>
<button onclick="mergeCells()">合并单元格</button>

上面的代码中，我们使用了HTML中的`rowspan`和`colspan`属性来合并单元格，并添加了一个按钮用于触发合并单元格的函数。

下面是JavaScript代码：

function mergeCells() {
  var table = document.getElementsByTagName('table')[0];
  var rows = table.rows;
  var rowNum = rows.length;
  var colNum = rows[0].cells.length;
  var mergedCells = [];
  
  // 遍历表格，寻找可以合并的单元格
  for (var i = 0; i < rowNum; i++) {
    for (var j = 0; j < colNum; j++) {
      var cell = rows[i].cells[j];
      if (cell.innerHTML !== '') {
        var rowspan = cell.getAttribute('rowspan') || 1;
        var colspan = cell.getAttribute('colspan') || 1;
        rowspan = parseInt(rowspan);
        colspan = parseInt(colspan);
        for (var r = 0; r < rowspan; r++) {
          for (var c = 0; c < colspan; c++) {
            if (r === 0 && c === 0) {
              continue;
            }
            var mergedRow = rows[i + r];
            if (!mergedRow) {
              mergedRow = document.createElement('tr');
              table.appendChild(mergedRow);
            }
            var mergedCell = mergedRow.cells[j + c];
            if (!mergedCell) {
              mergedCell = document.createElement('td');
              mergedRow.appendChild(mergedCell);
            }
            mergedCell.style.display = 'none';
            mergedCells.push(mergedCell);
          }
        }
      }
    }
  }
  
  // 合并单元格
  for (var i = 0; i < mergedCells.length; i++) {
    var mergedCell = mergedCells[i];
    var nextCell = mergedCell.nextSibling;
    while (nextCell && nextCell.style.display === 'none') {
      nextCell = nextCell.nextSibling;
    }
    mergedCell.colSpan = nextCell.cellIndex - mergedCell.cellIndex + 1;
    mergedCell.style.display = '';
  }
}

该函数首先获取表格的行数和列数，然后遍历表格，寻找可以合并的单元格，并将需要合并的单元格保存在`mergedCells`数组中。最后，再次遍历`mergedCells`数组，将需要合并的单元格合并起来。

后端Java代码：

public class MergeCells {
    public static void main(String[] args) {
        String[][] data = {
                {"张三", "25", "男"},
                {"", "30", "男"},
                {"李四", "28", "女"}
        };
        int[] rowspan = new int[data.length];
        int[] colspan = new int[data[0].length];
        rowspan[0] = 2;
        colspan[2] = 3;
        String[][] mergedData = mergeCells(data, rowspan, colspan);
        printTable(mergedData);
    }

    private static String[][] mergeCells(String[][] data, int[] rowspan, int[] colspan) {
        int mergedRows = 0;
        int mergedCols = 0;
        for (int i = 0; i < rowspan.length; i++) {
            mergedRows += rowspan[i];
        }
        for (int i = 0; i < colspan.length; i++) {
            mergedCols += colspan[i];
        }
        String[][] mergedData = new String[mergedRows][mergedCols];
        int rowOffset = 0;
        for (int i = 0; i < data.length; i++) {
            int colOffset = 0;
            for (int j = 0; j < data[i].length; j++) {
                if (rowspan[i] > 1 || colspan[j] > 1) {
                    for (int r = 0; r < rowspan[i]; r++) {
                        for (int c = 0; c < colspan[j]; c++) {
                            if (r == 0 && c == 0) {
                                mergedData[r + rowOffset][j + colOffset] = data[i][j];
                            } else {
                                mergedData[r + rowOffset][c + j + colOffset] = "";
                            }
                        }
                    }
                    colOffset += colspan[j] - 1;
                } else {
                    mergedData[rowOffset][j + colOffset] = data[i][j];
                }
            }
            rowOffset += rowspan[i];
        }
        return mergedData;
    }

    private static void printTable(String[][] data) {
        for (int i = 0; i < data.length; i++) {
            for (int j = 0; j < data[i].length; j++) {
                System.out.print(data[i][j] + "\t");
            }
            System.out.println();
        }
    }
}

该代码使用了一个`mergeCells`函数来合并单元格，该函数接受一个二维数组`data`和两个一维数组`rowspan`和`colspan`作为参数，分别表示每个单元格的行跨度和列跨度。该函数首先计算出合并后表格的行数和列数，然后遍历`data`数组，将需要合并的单元格合并起来，并将结果保存在一个新的二维数组`mergedData`中。最后，该函数返回`mergedData`数组。

我们还编写了一个`printTable`函数用于打印表格，以便我们可以检查表格是否正确合并。