如何使用nodejs将数据数组转换为合并的html表

Question

首先，我通过SELECT从mysql数据库中获取数据数组。数组如下：

[
{client:A, day:mon, product_name:product1},
{client:A, day:mon, product_name:product2},
{client:A, day:tue, product_name:product3},
{client:B, day:mon, product_name:product4},
]

使用数组，我制作了一个html表，如下所示：

client | day | product_name
---------------------------
A      | mon | product_1
---------------------------
A      | mon | product_2
---------------------------
A      | tue | product_3
---------------------------
B      | mon | product_4

但是，我想制作一个如下所示的合并表。我该怎么做？我知道我必须使用rowspan。但是，由于这是一个大型数组，因此我正在寻找一些简单的算法或npm模块为我完成此任务。 (array)=>(html code)

client | day | product_name
---------------------------
       | mon | product_1
             --------------
A      |     | product_2
       --------------------
       | tue | product_3
---------------------------
B      | mon | product_4

Answer 1

您可以使用rowspan的{​​{1}}属性来使单元格垂直跨越多行。

由于您未提供任何示例代码，因此以下是一个基于占位符数据的通用示例：

<td>

当然，您希望根据需要的行数动态地应用<table> <tr> <th>client</th> <th>day</th> <th>product_name</th> </tr> <tr> <td rowspan="3">A</td> <td rowspan="2">mon</td> <td>product_1</td> </tr> <tr> <td>product_2</td> </tr> <!-- And so on --> </table> 值，但是如何实现取决于您如何构造表HTML。