HandleBars NodeJS填充网页表

Question

我的MySQL数据库有4个表。两种带有产品，一种带有供应商，一种带有产品价格。示例：

ID  |Product_A
---------------
1   |Paper
2   |Pen
3   |Pencil

ID  |Product_B
---------------
1   |Knife
2   |Fork
3   |Spoon

ID  |Supplier_name
------------------
1   |A
2   |B

ID  |Supplier_ID  |Type_A_ID  |Type_B_ID  |Price
----------------------------------------------
1   |1            |1          |NULL       |34.55
2   |1            |2          |NULL       |5.55
3   |2            |NULL       |1          |23.00

我需要在网页中的表格中填充每个供应商的所有商品及其价格，例如：

Item    |Supplier A  |Supplier B
-------------------------------
Paper   |34.55       |
Pencil  |5.55        |
Knife   |            |23.00

表的长度是动态的，因为用户可以由自己的新供应商创建。

我将所有产品组合在一起，并设法像这样填充桌子和供应商。

<table>
 <thead>
  <tr>
   <th>Product</th>
   {{#each supplier}}
   <th>{{this.supplier_name}}</th>
   {{/each}}
  </tr>
 </thead>
 <tbody>
  {{#each product}}
  <tr>
   <td>{{this.product_name}}</td>
   {{#each ../supplier}}
   <td>price_may_enter_here</td>
   {{/each}}
  </tr>
  {{/each}}

问题是：我整天试图找出如何填充价格，但没有成功。