Arrays 表中数组数组中数据的填充显示

假设我有一个包含JavaScript日期对象的数组，按天分组。 我该如何在HTML中将它们显示为一个表（或任何其他方式），以便所有匹配的时间都在相同的高度上？ 数组：

所需的HTML表格输出：

|-------|-------|-------|
| 08:00 |       |       |
|-------|-------|-------|
| 08:30 | 08:30 |       |
|-------|-------|-------|
| 09:00 | 09:00 | 09:00 |
|-------|-------|-------|
|       | 09:30 |       |
|-------|-------|-------|
|       |       | 10:00 |
|-------|-------|-------|

仅为了显示数据，我只需使用两个嵌套的

foreach

循环，但最终所有行都从第一行开始，而不是像预期的那样填充。 我使用的是

datefns

，所以我想我可以用

getHours（Date）

来比较两个日期，以及它们是否应该在同一高度

有什么简单的解决办法吗

|-------|-------|-------|
| 08:00 |       |       |
|-------|-------|-------|
| 08:30 | 08:30 |       |
|-------|-------|-------|
| 09:00 | 09:00 | 09:00 |
|-------|-------|-------|
|       | 09:30 |       |
|-------|-------|-------|
|       |       | 10:00 |
|-------|-------|-------|