本文详解如何将三个 PHP 一维数组（如服务名、数量、单价）按行合并为二维结构，并在 HTML 表格中逐行渲染，避免列错位或换行失效问题。重点修正循环嵌套逻辑与 标签缺失导致的单行显示异常。
本文详解如何将三个 php 一维数组（如服务名、数量、单价）按行合并为二维结构，并在 html 表格中逐行渲染，避免列错位或换行失效问题。重点修正循环嵌套逻辑与 `
在生成 PDF（如使用 mPDF）或动态 HTML 报表时，常需将多个平行数组（例如 $serviceName、$quantite、$prix）按“每组对应一项记录”的方式横向拼接为表格。你已通过自定义 mergeArrays() 函数完成了数据结构转换——该函数将索引对齐的元素组合成二维数组 $mg，其中 $mg[$i] 代表第 i 行的 [service, unit, price] 三元组。
但关键问题出在 HTML 渲染逻辑中：
// ❌ 错误写法（缺少 <tr> 包裹，所有 <td> 被塞进同一行） for ($i = 0; $i '.$mg[$i][$j].'</td>'; endfor;<p>此处内层循环上限错误地使用了 count($mg)（即行数），而非每行固定列数 3；更严重的是<strong>完全遗漏了 <tr> 开闭标签，导致所有 <td> 被浏览器强制塞入单个 </td> </tr> <tr>，视觉上呈现为“一长条横向滚动”，而非预期的多行表格。<p>✅ 正确做法是：<strong>外层循环控制行（<tr>），内层循环控制列（<td>），且内层上限应为 count($mg[$i]) 或明确设为 3：<pre class="brush:php;toolbar:false;">$html = '
| SERVICE | UNITE | PRIX |
|---|---|---|
关键注意事项：
- 安全过滤：务必对 $mg[$i][$j] 使用 htmlspecialchars()，防止 HTML 注入（尤其当数组含用户输入时）；
- 边界防护：添加 isset() 判断，避免因某数组长度不一致导致 Notice: Undefined offset；
- 语义化结构：显式包裹 / 提升可访问性与样式可控性；
- 样式健壮性：添加 border-collapse: collapse 和内边距（padding），确保表格在 mPDF 中清晰分隔。
最终生成的 HTML 将严格按“每行3列”渲染，完美匹配原始三数组的逻辑关系，适用于各类报表场景。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
