... 它动态生成带有 tr 和 td 元素-6ren">
gpt4 book ai didi

JSF-战斧 t :panelGrid styling

转载 作者:行者123 更新时间:2023-12-01 01:22:05 28 4
gpt4 key购买 nike

JSF:

...
xmlns:t="http://myfaces.apache.org/tomahawk">
<t:panelGrid columns="4">
...
</t:panelGrid>

它动态生成带有 trtd 元素的普通旧 HTML 表格。

如何为这些 tr 和/或 td 元素设置特定的 css 样式?

最佳答案

使用 columnClasses 和 rowClasses 属性给每个单元格一个唯一的类

例如:

 <t:panelGrid columns="4" columnClasses="a,b,c,d" rowClasses="x,y,z">

</t:panelGrid>

列类

columnClasses 属性接受将应用于表格列的 CSS 样式类的逗号分隔列表。单个列的样式类也可以在空格分隔的列表中定义。样式类作为呈现的 td 或 th 元素的类属性值应用于表列。

用于将 CSS 样式类应用于表格列的算法很简单。在表格呈现过程中,样式类一次应用于一个列,直到 (a) 没有更多的列可以显示或 (b) 没有更多的样式类可以应用。

* If (a) happens at the same time as (b), the next row in the table is rendered.
* If (a) happens before (b), the remaining style classes are ignored.
* If (b) happens before (a), the remaining columns will not have style classes.

行类

rowClasses 属性接受要应用于表格行的 CSS 样式类的逗号分隔列表。单个行的样式类也可以在空格分隔的列表中定义。样式类作为呈现的 tr 元素的类属性的值应用于表格行。

样式类按照它们定义的相同顺序应用于行。例如,如果有两个样式类,第一个应用于第一行,第二个应用于第二行,第一个应用于第三行,第二个应用于第四行,依此类推。样式列表从头开始循环,直到没有更多行可显示。

在我的标准 JSF 项目 (Mojarra 2.0.3) 中

此标记生成:

   <h:panelGrid border="1"
columns="4"
columnClasses="a,b,c,d"
rowClasses="x,y,z">

<h:outputText value="ax"/>
<h:outputText value="bx"/>
<h:outputText value="cx"/>
<h:outputText value="dx"/>

<h:outputText value="ay"/>
<h:outputText value="by"/>
<h:outputText value="cy"/>
<h:outputText value="dy"/>

<h:outputText value="az"/>
<h:outputText value="bz"/>
<h:outputText value="cz"/>
<h:outputText value="dz"/>

</h:panelGrid>

这个 HTML:

    <table border="1">
<tbody>
<tr class="x">
<td class="a">ax</td>
<td class="b">bx</td>
<td class="c">cx</td>
<td class="d">dx</td>
</tr>
<tr class="y">
<td class="a">ay</td>
<td class="b">by</td>
<td class="c">cy</td>
<td class="d">dy</td>
</tr>
<tr class="z">
<td class="a">az</td>
<td class="b">bz</td>
<td class="c">cz</td>
<td class="d">dz</td>
</tr>
</tbody>
</table>

关于JSF-战斧 t :panelGrid styling,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5594488/

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