Jsf 如何将侧标题添加到primefaces数据网格？

我正在尝试用primefaces创建以下datagrid

---

请任何人建议哪个数据组件可以用于获取上表。

您可以使用具有自己样式的panelGrid：

        <p:panelGrid>
            <f:facet name="header">
                <p:row>
                    <p:column>HEADING1</p:column>
                    <p:column>HEADING2</p:column>
                    <p:column>HEADING3</p:column>
                    <p:column>HEADING4</p:column>
                    <p:column>HEADING5</p:column>
                    <p:column>HEADING6</p:column>
                    <p:column>HEADING7</p:column>
                    <p:column>HEADING8</p:column>
                </p:row>
            </f:facet>
            <p:row>
                <p:column styleClass="firstcolumn">TITLE1</p:column>
                <p:column/> <p:column/><p:column/><p:column/><p:column/><p:column/><p:column/>
            </p:row>
            <p:row>
                <p:column styleClass="firstcolumn">TITLE2</p:column>
                <p:column/><p:column/><p:column/><p:column/><p:column/><p:column/><p:column/>
            </p:row>
            <p:row>
                <p:column styleClass="firstcolumn">TITLE3</p:column>
                <p:column/><p:column/><p:column/><p:column/><p:column/><p:column/><p:column/>
            </p:row>
        </p:panelGrid>

---

如果您正在显示bean上列表中的数据，那么使用。但是，您也可以使用firebug或类似工具来查找需要覆盖的样式。

Hi Jaqen H'ghar，谢谢您的回复。但我没想到会这样。我想创建一个带有顶部标题和侧面标题的datatable，这意味着顶部标题和侧面标题的交集将是本质上动态的数据。我需要在面板网格中放置一个数据网格。有没有关于最佳对齐的想法？

        <style>
        .ui-panelgrid-even, .ui-panelgrid-odd{
            border: 1px solid #ffffff;
            background:#88B147; 
        }
        .ui-panelgrid-header .ui-widget-header{
            background: #0C52CB;
            font-weight: normal;
            border: 1px solid #ffffff;
        }
        .ui-panelgrid .firstcolumn{
            background: #8BC1FF;
            color: #000000;
        }
        </style>