如何编辑数据表 - > columnGroup以使多个列组具有复杂的标题?

时间:2011-09-15 15:17:18

标签: jsf richfaces

这是一个基本样本,在1个columnGroup标题和3个列标题下显示3行数据,然后是3列数据:

<rich:dataTable value="Some Table"> 
    <f:facet name="header">
        <rich:columnGroup>
            <rich:column colspan="3">
                <h:outputText value="ColumnGroupHead"/>
            </rich:column>
            <rich:column breakBefore="true">
                <h:outputText value="Col 1 head"/>
            </rich:column>
            <rich:column>
                <h:outputText value="Col 2 head"/>
            </rich:column>
            <rich:column>
                <h:outputText value="Col 3 Head"/>
            </rich:column>
        </rich:columnGroup>
    </f:facet>
     <rich:column>
        <h:outputText value="Col1 Data"/>
    </rich:column>
    <rich:column>
        <h:outputText value="Col2 Data"/>
    </rich:column>
    <rich:column>
        <h:outputText value="Col3 Data"/>
    </rich:column>     <rich:column>
        <h:outputText value="Col4 Data"/>
    </rich:column>
    <rich:column>
        <h:outputText value="Col5 Data"/>
    </rich:column>
    <rich:column>
        <h:outputText value="Col6 Data"/>
    </rich:column>
</rich:dataTable>

现在相关,我的dataTable包含6列,我想要与第4,5,6列中相同的复杂标题。我已经尝试了以下代码,但是我试图将其作为下一个(可视)列组使用表格中的特定colspan,从col1,2,3标题的虚线开始。

<rich:dataTable value="Some Table"> 
    <f:facet name="header">
        <rich:columnGroup>
            <rich:column colspan="3">
                <h:outputText value="ColumnGroupHead1"/>
            </rich:column>
            <rich:column breakBefore="true">
                <h:outputText value="Col 1 head"/>
            </rich:column>
            <rich:column>
                <h:outputText value="Col 2 head"/>
            </rich:column>
            <rich:column>
                <h:outputText value="Col 3 Head"/>
            </rich:column>
        <rich:column colspan="3">
                <h:outputText value="ColumnGroupHead2"/>
            </rich:column>
            <rich:column breakBefore="true">
                <h:outputText value="Col 3 head"/>
            </rich:column>
            <rich:column>
                <h:outputText value="Col 4 head"/>
            </rich:column>
            <rich:column>
                <h:outputText value="Col 5 Head"/>
            </rich:column>

        </rich:columnGroup>
    </f:facet>
     <rich:column>
        <h:outputText value="Col1 Data"/>
    </rich:column>
    <rich:column>
        <h:outputText value="Col2 Data"/>
    </rich:column>
    <rich:column>
        <h:outputText value="Col3 Data"/>
    </rich:column>     
    <rich:column>
        <h:outputText value="Col4 Data"/>
    </rich:column>
    <rich:column>
        <h:outputText value="Col5 Data"/>
    </rich:column>
    <rich:column>
        <h:outputText value="Col6 Data"/>
    </rich:column>

在dataTable中有多个列组可能吗? 当我尝试关闭第一个columnGroup然后打开一个新的columnGroup时,iital columnGroup不会应用于dat表。

任何援助都会被贬低。

1 个答案:

答案 0 :(得分:1)

我弄明白了。如果知道如何删除。 我让我的colspan ColumnGroupHEading列出了序列。

<rich:dataTable value="Some Table"> 
         <f:facet name="header">        
     <rich:columnGroup>            
     <rich:column colspan="3">              
       <h:outputText value="ColumnGroupHead"/>        
     </rich:column>  
    <rich:columnGroup>
这是因为我应该输入下一个COLSPAN,ColumnGroupHeading Header。

<rich:column colspan="3">              
   <h:outputText value="ColumnGroupHead2"/>        
</rich:column>  
<rich:column breakBefore="true"> 
   <h:outputText value="Col 1 head"/>
</rich:column>  

然后是列标题

<rich:column breakBefore="true">
      <h:outputText value="Col 1 head"/>    
         </rich:column>        
     <rich:column>              

     <h:outputText value="Col 2 head"/>    
         </rich:column>        
     <rich:column>              
   <h:outputText value="Col 3 Head"/>   
          </rich:column>       
<h:outputText value="Col 4 head"/>    
         </rich:column>        
     <rich:column>              

     <h:outputText value="Col 5 head"/>    
         </rich:column>        
     <rich:column>              
   <h:outputText value="Col 6 Head"/>   
          </rich:column>       


  </rich:columnGroup> 
    </f:facet>   
   <rich:column>      
   <h:outputText value="Col1 Data"/>  
   </rich:column>   
  <rich:column>         
<h:outputText value="Col2 Data"/> 
    </rich:column>     
<rich:column>      
   <h:outputText value="Col3 Data"/> 
    </rich:column>     
<rich:column>      
   <h:outputText value="Col4 Data"/>    
 </rich:column>    
 <rich:column>    
     <h:outputText value="Col5 Data"/> 
    </rich:column>   
  <rich:column>       
  <h:outputText value="Col6 Data"/>
     </rich:column>
 </rich:dataTable>