
本文介绍一种递归预计算法,通过两次遍历关联数组:首次统计每层级叶子节点数以确定 rowspan 值,第二次按结构顺序拼接 和 ,精准生成符合嵌套逻辑的 HTML 表格。 本文介绍一种递归预计算法,通过两次遍历关联数组:首次统计每层级叶子节点数以确定 rowspan 值,第二次按结构顺序拼接 `` 和 ``,精准生成符合嵌套逻辑的 HTML 表格。在 PHP 中动态渲染具有跨行(rowspan)语义的嵌套数据表格,核心难点在于:需提前知道每个父级键(如 'Germany'、'Channels')下属有多少个最终叶节点(即最深层的字符串值),才能正确设置其 属性。直接边遍历边输出会导致无法回溯补全 rowspan,因此推荐采用“预计算 + 二次组装”的两阶段策略。✅ 第一阶段:递归统计叶子数并生成带 rowspan 的 列表函数 getAllCells() 深度优先遍历数组,对每个键值对返回一个二元组:索引 0:当前子树所有 标签(含 rowspan)的扁平化数组;索引 1:该子树中叶子节点总数(即最终字符串值个数)。function getAllCells($data) { $tds = []; $leafCount = 0; foreach ($data as $key => $value) { if (is_array($value)) { // 递归处理子数组,获取其 td 列表和叶子总数 [$subTds, $subLeaves] = getAllCells($value); // 当前父键需跨 subLeaves 行 $tds[] = ["{$key}", $subLeaves]; $tds = array_merge($tds, $subTds); $leafCount += $subLeaves; } else { // 叶子节点:单个值,不设 rowspan $tds[] = ["{$value}", 0]; $leafCount++; } } return [$tds, $leafCount]; }? 示例:'Channels' => ['Google Ads', 'LinkedIn Ads', 'E-Mail-Marketing'] 返回 rowspan="3";'Tools' => ['CRM'] 返回 rowspan="1"。
✅ 第二阶段:按原始结构顺序组装 行有了预计算好的 序列($tds),我们再次遍历原数组,严格遵循结构深度优先、叶子节点独占 的规则:- 每遇到一个数组键(非叶子),直接取出对应
并追加到当前行;- 每遇到一个叶子值,将其
插入当前 末尾,并立即闭合该行;下一个叶子则开启新 ;- 关键状态:用引用变量
$ptr 控制 $tds 数组读取位置,确保顺序严格匹配。
function buildTableRows($data, $tds, &$ptr, &$tableHtml) {
$firstLeafInGroup = true;
foreach ($data as $key => $value) {
if (is_array($value)) {
// 父级键:插入带 rowspan 的 <td>
$tableHtml .= $tds[$ptr++][0];
// 递归处理子层级
buildTableRows($value, $tds, $ptr, $tableHtml);
} else {
// 叶子值:决定是否新开 </td><tr>
if ($firstLeafInGroup) {
$tableHtml .= $tds[$ptr++][0] . "</tr>";
$firstLeafInGroup = false;
} else {
$tableHtml .= "<tr>" . $tds[$ptr++][0] . "</tr>";
}
}
}
}
✅ 完整使用示例
$key
有了预计算好的 序列( $tds),我们再次遍历原数组,严格遵循结构深度优先、叶子节点独占 的规则: 并追加到当前行; 插入当前 末尾,并立即闭合该行;下一个叶子则开启新 ; $ptr 控制 $tds 数组读取位置,确保顺序严格匹配。function buildTableRows($data, $tds, &$ptr, &$tableHtml) {
$firstLeafInGroup = true;
foreach ($data as $key => $value) {
if (is_array($value)) {
// 父级键:插入带 rowspan 的 <td>
$tableHtml .= $tds[$ptr++][0];
// 递归处理子层级
buildTableRows($value, $tds, $ptr, $tableHtml);
} else {
// 叶子值:决定是否新开 </td><tr>
if ($firstLeafInGroup) {
$tableHtml .= $tds[$ptr++][0] . "</tr>";
$firstLeafInGroup = false;
} else {
$tableHtml .= "<tr>" . $tds[$ptr++][0] . "</tr>";
}
}
}
}
✅ 完整使用示例
$key
php免费学习视频:立即使用
踏上前端学习之旅,开启通往精通之路!从前端基础到项目实战,循序渐进,一步一个脚印,迈向巅峰!










