【PrimeFaces】DataTable 兩種寫法 - Part2：應用範例

tags: PrimeFaces

應用

1. 預設：filter是放在標題下方
2. 但範例必須用其他方式將filter放在標題上方

<p:dataTable var="car" value="#{dtBasicView.cars}">

    <p:columnGroup type="header">
        <p:row>
            <p:column/>
            <p:column/>
            <p:column filterBy="#{car.brand}"/>
            <p:column filterBy="#{car.color}"/>
        </p:row>    
        <p:row>
            <p:column headerText="Id"/>
            <p:column headerText="Year"/>
            <p:column headerText="Brand"/>
            <p:column headerText="Color"/>
        </p:row>
    </p:columnGroup>

    <p:column>
        <h:outputText value="#{car.id}" />
    </p:column> 
    <p:column>
        <h:outputText value="#{car.year}" />
    </p:column> 
    <p:column>
        <h:outputText value="#{car.brand}" />
    </p:column>
    <p:column>    
        <h:outputText value="#{car.color}" />
    </p:column>
</p:dataTable>