使用Wicket构建多个动态HTML表

使用Wicket构建多个动态HTML表,wicket,html-table,Wicket,Html Table,我有一个非常奇怪的动态表,它代表一个日常购物车。该表列出了每天可供选择的可变数量。每天可以有0个甚至n个选项。用户可以将这n个选项中的任何一个添加到其选择中。因此,选项部分和选择部分可以动态增长 +-------+-------+-------+-------+-------+-------+-------+-------+--- | THE | OPTIONS | SELECTIONS ... | DAY +

我有一个非常奇怪的动态表,它代表一个日常购物车。该表列出了每天可供选择的可变数量。每天可以有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 |               ...
+-------+---
|                 ...
+---
现在我想编写代码,生成一个动态表,考虑可变的天数、选项和选择。棘手的部分是动态地将空单元格添加到选项列和选择列中,以便所有单元格与其对应的表部分正确对齐

我总是能找到一些例子,但所有的例子都需要计算出正确数量的选项单元格来对齐用户的选择


你对如何建立这样一个表格有什么建议吗?或者您还有其他考虑吗?

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

然后在渲染一天的选项后,确定空白单元格的数量N-当前选项的数量,并添加相同数量的空单元格,或者仅添加一个,属性hspan设置为空白单元格的数量

并对所选内容执行相同的操作