jsf - JSF を使用して複数の動的データ テーブルを表示する方法

Question

jsf ページに動的データテーブル (動的な列と行) を既に正常に表示しています。

ただし、複数のテーブルを垂直に表示する必要があります。それらを表示するためにリストを反復するにはどうすればよいですか?

ありがとう

テレス

Answer 1

どうですか

    <ul>
        <ui:repeat value="#{someBean.items}" var="someCurrentItems">
            <li>
                <h:dataTable value="#{someCurrentItems}" var="currentItem"></h:dataTable>
            </li>
        </ui:repeat>
    </ul>   

掲示を取り除きたい場合は、これを css ファイルに追加します (ul一部divをid... でラップする場合は、より正確なセレクターを css に与えることができます)。

ul { list-style-type: none; }

Answer 2

より詳細な別の例:

<ul>
             <ui:repeat value="#{timeslipBean.usersSlips}" var="tabSlips" >
            <li>
             <p:dataTable id="timeslips" var="time" value="#{tabSlips.table}">
             <h2>
                 #{tabSlips.label} 
            </h2>                    
                  <p:column >
                   <f:facet name="header" >  
                               User  
                   </f:facet>  
                        <h:outputText value="#{time.user}"/>
                  </p:column>
                  <p:columns value="#{tabSlips.columns}" var="column" columnIndexVar="colIndex" styleClass="#{time.times[colIndex].festivo ? 'festivo' : null}">  
                         <f:facet name="header">  
                               #{column.header}  
                        </f:facet>  
                        <h:outputText value="#{time.times[colIndex].hours}" styleClass="#{time.times[colIndex].style}"/>
                   </p:columns> 
              </p:dataTable>    
            </li>
        </ui:repeat>
    </ul>