h：selectmanyCheckbox超过1行

Question

我有16个项目的列表，应该像这样显示

1 2 3 4
5 6 7 8
etc.

连续4个项目，然后它应该添加另一行。

我的问题是你只允许显示

之类的信息

1 2 3 4 5 6 7 8 9 10 etc

或

1
2
3
4
etc.

我的代码如下所示：

<h:selectManyCheckbox value="#{main.selectedStates}">
  <f:selectItems value="#{main.stateOutput}" />
</h:selectManyCheckbox>

我完全不知道这应该如何运作。我花了2个小时在Google上搜索它。

PS：请不要因为我的英语而责备我：P

Answer 1

非侵入式解决方案是在DOM树加载后使用一些JavaScript来修改HTML DOM。像伪代码：

someSelectorForCheckboxDiv.forEach( if ... then ...set css or insert dom element );

Luiggi提出了另一种方式，可能更接近JSF精神。