如何使用 jsf h:panelGrid 合并单元格（colspan）？答案

【问题标题】：How to merge cells (colspan) using jsf h:panelGrid?如何使用 jsf h:panelGrid 合并单元格（colspan）？
【发布时间】：2011-04-13 20:35:18
【问题描述】：

假设我想要显示表格：

+--------------------------------+
|        |           |           |
----------------------------------
|                    |           |
----------------------------------
|        |                       |
----------------------------------
|        |           |           |
----------------------------------
|        |           |           |
+--------------------------------+

我如何使用h:panelGrid 做到这一点？

【问题讨论】：

标签： jsf jsf-2

【解决方案1】：

您不能使用标准的 JSF 实现来做到这一点。在 JSF 1.2 中，有人会为此使用 Tomahawk's <t:panelGroup colspan="2">。目前 Tomahawk 还没有正式兼容 JSF 2.0，但我只是试了一下。

<html xmlns:t="http://myfaces.apache.org/tomahawk">
...
<t:panelGrid columns="3">
    <t:panelGroup>row1cell1</t:panelGroup>
    <t:panelGroup>row1cell2</t:panelGroup>
    <t:panelGroup>row1cell3</t:panelGroup>

    <t:panelGroup colspan="2">row2cell1-2</t:panelGroup>
    <t:panelGroup>row2cell3</t:panelGroup>

    <t:panelGroup>row3cell1</t:panelGroup>
    <t:panelGroup colspan="2">row3cell2-3</t:panelGroup>

    <t:panelGroup>row4cell1</t:panelGroup>
    <t:panelGroup>row4cell2</t:panelGroup>
    <t:panelGroup>row4cell3</t:panelGroup>
</t:panelGrid>

而且它有效。我不保证其他 Tomahawk 组件也能正常工作。

【讨论】：

【解决方案2】：

我不认为核心 JSF 支持这一点，但一些 3rd-party 实现可能会。有人在以下 URL 的帖子末尾使用 Tomahawk 发布了解决方案：

http://www.coderanch.com/t/211242/JSF/java/colspan

【讨论】：