gpt4 book ai didi

jsf - 在JSF中将列分组到单个标题下

转载 作者:行者123 更新时间:2023-12-02 05:15:47 25 4
gpt4 key购买 nike

大家好,有没有一种方法可以使用JSF在JSF的单个父列下将两个或更多列分组?
我有一个dataTableEx,里面有hx:columnEx列。我想要的是这样的:

 [MAIN HEADER FOR COL1+2   ][Header for Col 3+4]

[ COL1 Header][COL2 Header][COL3 ][COL 4 ]

Data Data Data Data

Data Data Data Data

Data Data Data Data

Data Data Data Data

数据数据数据数据

谢谢

最佳答案

您可以通过表头,panelGrid和一些CSS来实现所需的功能。

<style type="text/css">
.colstyle {
width: 25%
}
</style>
</head>
<body>

<f:view>
<h:dataTable border="1" value="#{columnsBean.rows}" var="row"
columnClasses="colstyle">
<f:facet name="header">
<h:panelGrid columns="2" border="1" style="width: 100%">
<h:outputLabel style="width: 100%" value="MAIN HEADER FOR COL1+2" />
<h:outputLabel style="width: 100%" value="MAIN HEADER FOR COL3+4" />
</h:panelGrid>
</f:facet>
<h:column>
<f:facet name="header">
<h:outputText value="COL1 Header" />
</f:facet>
<h:outputLabel value="#{row.col1}" />
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="COL2 Header" />
</f:facet>
<h:outputLabel value="#{row.col2}" />
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="COL3 Header" />
</f:facet>
<h:outputLabel value="#{row.col3}" />
</h:column>
<h:column>
<f:facet name="header">
<h:outputText value="COL4 Header" />
</f:facet>
<h:outputLabel value="#{row.col4}" />
</h:column>
</h:dataTable>
</f:view>

关于jsf - 在JSF中将列分组到单个标题下,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/259309/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com