Go语言视频零基础入门到精通

javalearner

作者：Adam Wan (QQ:339215)，亿纬工作室eVstudio.net，转载请保留此行，谢谢。   JSF的标准HTML标签中（Standard HTML Tags）有h:panelGrid、h:dataTable，即实现HTML中的table标签功能。   h:panelGrid、h:dataTable都有两个特殊的CSS样式属性，columnClasses（列样式类）和rowClasses（行样式类），它们不单单是加载一个CSS样式，而是加载一个CSS样式类，并且循环这个样式类，从而丰富了并简化了表格的表现。 例如要做一个3行6列的表格，定义有两个样式   
  
   
   
   

   
  



.td1 { background:#cccccc; }

.td2 { background:#990000; }
    那我们在写JSF的时候只需要在h:panelGrid中加入columnClasses列（或rowClasses行）属性，其中是CSS类的列表，类之间用逗号分隔。如果这些列表包含的类名要比列或行少，则重新使用CSS类，即再次循环列表中的CSS样式。

<h:panelGrid columns="6"
columnClasses="
td1,td1,td2">

    <h:outputText value="01"/>

    <h:outputText value="02"/>

    <h:outputText value="03"/>

    <h:outputText value="04"/>

    <h:outputText value="05"/>

    <h:outputText value="06"/>

    <h:outputText value="07"/>

    <h:outputText value="08"/>

    <h:outputText value="09"/>

    <h:outputText value="10"/>

    <h:outputText value="11"/>

    <h:outputText value="12"/>

    <h:outputText value="13"/>

    <h:outputText value="14"/>

    <h:outputText value="15"/>

    <h:outputText value="16"/>

    <h:outputText value="17"/>

    <h:outputText value="18"/>

</h:panelGrid>


  

  
   
   01
   02
   03
   04
   05
   06
   
   
   07
   08
   09
   10
   11
   12
   
   
   13
   14
   15
   16
   17
   18
  

如果是用的如下rowClasses行属性

<h:panelGrid columns="6"
rowClasses="
td1,td2">
则表格表现为

  
   
   01
   02
   03
   04
   05
   06
   
   
   07
   08
   09
   10
   11
   12
   
   
   13
   14
   15
   16
   17
   18
  

当列和行两个属性都使用时，则样式服从于列样式，例如

<h:panelGrid columns="6"
columnClasses="
td1,td1,td2"
rowClasses="
td1,td2">
则表格表现和单独使用columnClasses列样式相同。