使用Wicker构建多动态HTML表

Question

我有一个非常奇怪的动态表，代表每日购物车。该表列出了每天可变数量的选项。每天可以有0个甚至n个选项。用户可以在他的选择中添加这n个选项中的任何一个。因此，选项部分和选择部分可以动态增长。

+-------+-------+-------+-------+-------+-------+-------+-------+---
|  THE  | OPTIONS                       | SELECTIONS                  ...
|  DAY  +-------+-------+-------+-------+-------+-------+-------+---
|       | OPT 1 | OPT 2 | OPT3  | OPT n | 1.SEL | 2.SEL | 3.SEL |     ...
+=======+=======+=======+=======+=======+=======+=======+=======+===
| day 1 | opt 1 | opt 2 |       |       | opt 2 | opt 1 | opt 1 |     ...
+-------+-------+-------+-------+-------+-------+-------+-------+---
| day 2 | opt 1 | opt 2 | opt 3 | opt n | opt n |       |       |     ...
+-------+-------+-------+-------+-------+-------+-------+-------+---
| day 3 | opt 1 | opt 2 |       |       | opt 1 |       |       |     ...
+-------+-------+-------+-------+-------+-------+-------+-------+---
| day 4 |       |       |       |       |       |       |       |     ...
+-------+-------+-------+-------+-------+-------+-------+-------+---
| day 5 | opt 1 | opt 2 |       |       | opt 2 |       |       |     ...
+-------+-------+-------+-------+-------+-------+-------+-------+---
| day 6 | opt 1 |             ...
+-------+-------+---
| day 7 |               ...
+-------+---
|                 ...
+---

现在我想编写可以生成动态表的代码，该代码考虑了可变的天数，选项和选择。棘手的部分是动态地将空单元格添加到选项列以及选择列，以便所有单元格与其对应的表格部分具有正确的对齐。

我总是找到一些例子，但是所有的选项单元都需要计算才能调整用户选择。

您对如何建立这样的表有什么建议吗？或者您还有其他考虑因素吗？

Answer 1

首先，您应该计算现有选项和选择的最大数量，让它们为N和M.

然后在渲染一天的选项后，确定空白单元格的数量（N - 当前选项数量）并添加相同数量的空<td>或仅添加一个<td>的属性hspan {{1}}设置为空白单元格数。

对选择也这样做。