PHP 实现表格跨行跨列合并示例

小鹿同学

发布时间：2026-10-15| 2人浏览过

原创

在 Web 开发中，有时需要在 HTML 表格中使用跨行或跨列来优化数据展示结构。本示例通过一个简单的 PHP 类，演示如何利用 `rowspan` 和 `colspan` 属性动态构建此类表格，无需手动编写冗长的 HTML 代码。

实现逻辑与代码

该方案采用面向对象的方式，将表格结构拆分为初始化、具体行渲染和结束三个部分。核心在于动态计算合并单元格的数量，并通过 `echo` 输出对应的 HTML 标签。

<?php
/*
* author:xudafeng@126.com
* blog:http://www.xdf.me
* date:2012.7.28
*/
class danteng {
    function init($col1_name, $col2_name, $col3_name, $time_unit) {
        echo "<table border=1><tr><th>" . $col1_name . "</th><th>" . $col2_name . "</th><th colspan=\"" . $time_unit . "\">" . $col3_name . "</th></tr>";
    }
    
    function baobiao_danteng($name, $time_unit, $pro_name, $pre_name) {
        // 第一行：首列跨行合并，后续为普通单元格
        echo "<tr><th rowspan=\"" . count($pro_name) . "\">$name</th><td>" . $pro_name[0] . "</td>";
        
        // 输出时间单元格子标题
        for ($i = 0; $i < $time_unit; $i++) {
            echo "<td>" . $pre_name . $i . "";
        }
        echo "</tr>";
        
        // 剩余行：仅显示项目名称，无首列合并
        for ($j = 0; $j < (count($pro_name) - 1); $j++) {
            echo "<tr><td>" . $pro_name[($j + 1)] . "</td>";
            for ($i = 0; $i < $time_unit; $i++) {
                echo "<td>" . $pre_name . $i . "";
            }
            echo "";
        }
    }
    
    function finish() {
        // 此处原代码为空，实际使用中应闭合 table 标签
        // echo "</table>";
    }
}
?>

使用方法说明

第1步：实例化与初始化

创建类的实例后，调用 init() 方法定义表头结构。参数包括前两个独立列的名称，以及第三个允许跨列的列名称（$time_unit 决定其宽度）。此步骤输出了表格开始标签及第一行表头。

第2步：渲染数据行

调用 baobiao_danteng() 函数填入主体数据。$name 将成为左侧跨行的单元格；$pro_name 数组指定了该跨行区域下方的子项；$time_unit 再次用于确定每行右侧生成的单元格数量。注意：原代码中的 finish() 方法未包含闭合标签，使用时需手动添加 </table> 以确保 HTML 结构完整。