如何在PrimeFaces 8.0的p:dataTable中合并两个表头单元格？

PrimeFaces 8.0完全支持合并DataTable的列表头，你可以通过<p:columnGroup>组件实现跨列的表头单元格合并，以下是适配你需求的修改代码：

<p:dataTable>
    <!-- 定义合并的表头组 -->
    <p:columnGroup type="header">
        <p:row>
            <!-- colspan="2" 指定该表头跨2列，headerText设置合并后的标题 -->
            <p:column colspan="2" headerText="Title" />
        </p:row>
    </p:columnGroup>

    <!-- 数据列，无需再单独设置表头 -->
    <p:column>
        <p:outputLabel value="input" />
    </p:column>

    <p:column>
        <p:outputLabel value="output" />
    </p:column>
</p:dataTable>

关键说明： #

• <p:columnGroup type="header">是PrimeFaces用于构建复杂表头的专用组件，通过它可以自定义表头的行和列结构
• colspan="2"属性控制表头单元格跨越的列数，这里设置为2刚好匹配你需要合并的两列
• 原列中的<f:facet name="header">需要移除，因为表头已由columnGroup统一渲染

内容的提问来源于stack exchange，提问作者Haythem Nasri