PHP+Oracle双查询结果前端表格平行对齐问题求助

核心问题分析 #

两个查询的输出字段结构不一致是对齐失效的根本原因：销售合同记录与需求记录的字段数量、字段顺序不匹配，合并后数组的索引对应关系混乱，前端渲染时自然无法平行对齐。

具体修复步骤 #

1. 统一两个查询的输出字段结构 #

不管是销售合同查询还是需求查询，必须返回完全一致的字段列表，缺失的字段用NULL或空字符串填充。
示例Oracle查询调整：

-- 销售合同查询（含明细+汇总）
SELECT 
  contract_no, 
  customer_name, 
  amount, 
  NULL AS demand_no, 
  NULL AS demand_desc, 
  'contract' AS record_type
FROM sales_contract_view
UNION ALL
SELECT 
  '汇总' AS contract_no, 
  NULL, 
  SUM(amount), 
  NULL, 
  NULL, 
  'contract_total' AS record_type
FROM sales_contract_view;

-- 需求记录查询（含明细+汇总）
SELECT 
  NULL AS contract_no, 
  NULL AS customer_name, 
  NULL AS amount, 
  demand_no, 
  demand_desc, 
  'demand' AS record_type
FROM demand_table
UNION ALL
SELECT 
  NULL, 
  NULL, 
  NULL, 
  '汇总' AS demand_no, 
  NULL, 
  'demand_total' AS record_type
FROM demand_table;

2. 合并数组时保持字段顺序一致 #

PHP中合并两个查询结果数组前，确保每个子数组的键名顺序完全匹配查询返回的字段顺序，避免键名顺序差异导致前端错位。
示例PHP代码调整：

// 执行两个查询，获取关联数组格式的结果
$contractStmt = oci_parse($conn, $contractSql);
oci_execute($contractStmt);
oci_fetch_all($contractStmt, $contractData, 0, -1, OCI_FETCHSTATEMENT_BY_ROW);

$demandStmt = oci_parse($conn, $demandSql);
oci_execute($demandStmt);
oci_fetch_all($demandStmt, $demandData, 0, -1, OCI_FETCHSTATEMENT_BY_ROW);

// 合并数组
$mergedData = array_merge($contractData, $demandData);

// 按业务规则排序（如按记录类型）
usort($mergedData, function($a, $b) {
    return strcmp($a['record_type'], $b['record_type']);
});

3. 前端表格绑定固定字段渲染 #

前端渲染时，严格按照统一的字段列表循环渲染单元格，不要依赖数组的索引顺序：

<table border="1">
  <thead>
    <tr>
      <th>合同编号</th>
      <th>客户名称</th>
      <th>合同金额</th>
      <th>需求编号</th>
      <th>需求描述</th>
    </tr>
  </thead>
  <tbody>
    <?php foreach($mergedData as $row): ?>
    <tr>
      <td><?= $row['contract_no'] ?? '' ?></td>
      <td><?= $row['customer_name'] ?? '' ?></td>
      <td><?= $row['amount'] ?? '' ?></td>
      <td><?= $row['demand_no'] ?? '' ?></td>
      <td><?= $row['demand_desc'] ?? '' ?></td>
    </tr>
    <?php endforeach; ?>
  </tbody>
</table>

4. 汇总行特殊对齐处理（可选） #

如果需要汇总行跨列对齐，可给对应单元格添加colspan属性：

<?php foreach($mergedData as $row): ?>
<?php if($row['record_type'] === 'contract_total'): ?>
<tr>
  <td colspan="3">销售合同汇总：<?= $row['amount'] ?></td>
  <td colspan="2"></td>
</tr>
<?php elseif($row['record_type'] === 'demand_total'): ?>
<tr>
  <td colspan="3"></td>
  <td colspan="2">需求记录汇总</td>
</tr>
<?php else: ?>
<tr>
  <td><?= $row['contract_no'] ?? '' ?></td>
  <td><?= $row['customer_name'] ?? '' ?></td>
  <td><?= $row['amount'] ?? '' ?></td>
  <td><?= $row['demand_no'] ?? '' ?></td>
  <td><?= $row['demand_desc'] ?? '' ?></td>
</tr>
<?php endif; ?>
<?php endforeach; ?>

关键注意事项 #

• 必须保证两个查询返回的字段数量、字段名完全一致，缺失字段用占位符填充；
• PHP获取结果时，使用OCI_FETCHSTATEMENT_BY_ROW确保返回关联数组，避免索引数组的顺序问题；
• 前端渲染时，明确绑定每个单元格对应的字段名，不要用foreach($row as $cell)这种依赖顺序的方式。

内容的提问来源于stack exchange，提问作者Haseeb Xhk