Is it possible to achieve table column paging in ADF?

Question

I have this huge table of important data and want have a "frozen" part of a table and next to it multiple pages of groups of columns that i can view with a "next", "previous" button, similar to this site:
Regular Season Standings | MLB.com: Standings
is this possible in ADF 12c?
Thank you in advance,
Nik12c

Answer 1

Hi,
You could have a property defined in the bean and set the visible property for the columns according to its value. Set the necessary values in the actionListener of the buttons.
For ex :  Here is the example using Emp table.
jspx source :
<af:commandButton text="&lt;" id="b1" actionListener="#{viewScope.ColPaginationBean.prevCols}"
                           disabled="#{viewScope.ColPaginationBean.visColGroup lt 2}" partialTriggers="b2"/>
                <af:commandButton text="&gt;" id="b2" actionListener="#{viewScope.ColPaginationBean.nextCols}"
                 disabled="#{viewScope.ColPaginationBean.visColGroup eq 3}" partialTriggers="b1"/>
                <af:table value="#{bindings.EmpView1.collectionModel}" var="row" rows="#{bindings.EmpView1.rangeSize}" partialTriggers="::b1 ::b2"
                          emptyText="#{bindings.EmpView1.viewable ? 'No data to display.' : 'Access Denied.'}"
                          rowBandingInterval="0" selectedRowKeys="#{bindings.EmpView1.collectionModel.selectedRow}"
                          selectionListener="#{bindings.EmpView1.collectionModel.makeCurrent}" rowSelection="single"
                          fetchSize="#{bindings.EmpView1.rangeSize}" id="t1">
                    <af:column headerText="#{bindings.EmpView1.hints.Empno.label}" id="c1">
                        <af:outputText value="#{row.Empno}" shortDesc="#{bindings.EmpView1.hints.Empno.tooltip}"
                                       id="ot1">
                            <af:convertNumber groupingUsed="false" pattern="#{bindings.EmpView1.hints.Empno.format}"/>
                        </af:outputText>
                    </af:column>
                    <af:column headerText="#{bindings.EmpView1.hints.Ename.label}" id="c2">
                        <af:outputText value="#{row.Ename}" shortDesc="#{bindings.EmpView1.hints.Ename.tooltip}"
                                       id="ot2"/>
                    </af:column>
                    <af:column headerText="#{bindings.EmpView1.hints.Job.label}" id="c3" visible="#{viewScope.ColPaginationBean.visColGroup eq 2}">
                        <af:outputText value="#{row.Job}" shortDesc="#{bindings.EmpView1.hints.Job.tooltip}" id="ot3"/>
                    </af:column>
                    <af:column headerText="#{bindings.EmpView1.hints.Mgr.label}" id="c4" visible="#{viewScope.ColPaginationBean.visColGroup eq 2}">
                        <af:outputText value="#{row.Mgr}" shortDesc="#{bindings.EmpView1.hints.Mgr.tooltip}" id="ot4">
                            <af:convertNumber groupingUsed="false" pattern="#{bindings.EmpView1.hints.Mgr.format}"/>
                        </af:outputText>
                    </af:column>
                    <af:column headerText="#{bindings.EmpView1.hints.Hiredate.label}" id="c5" visible="#{viewScope.ColPaginationBean.visColGroup eq 2}">
                        <af:outputText value="#{row.Hiredate}" shortDesc="#{bindings.EmpView1.hints.Hiredate.tooltip}"
                                       id="ot5">
                            <af:convertDateTime pattern="#{bindings.EmpView1.hints.Hiredate.format}"/>
                        </af:outputText>
                    </af:column>
                    <af:column headerText="#{bindings.EmpView1.hints.Sal.label}" id="c6" visible="#{viewScope.ColPaginationBean.visColGroup eq 3}">
                        <af:outputText value="#{row.Sal}" shortDesc="#{bindings.EmpView1.hints.Sal.tooltip}" id="ot6">
                            <af:convertNumber groupingUsed="false" pattern="#{bindings.EmpView1.hints.Sal.format}"/>
                        </af:outputText>
                    </af:column>
                    <af:column headerText="#{bindings.EmpView1.hints.Comm.label}" id="c7" visible="#{viewScope.ColPaginationBean.visColGroup eq 3}">
                        <af:outputText value="#{row.Comm}" shortDesc="#{bindings.EmpView1.hints.Comm.tooltip}" id="ot7">
                            <af:convertNumber groupingUsed="false" pattern="#{bindings.EmpView1.hints.Comm.format}"/>
                        </af:outputText>
                    </af:column>
                    <af:column headerText="#{bindings.EmpView1.hints.Deptno.label}" id="c8" visible="#{viewScope.ColPaginationBean.visColGroup eq 3}">
                        <af:outputText value="#{row.Deptno}" shortDesc="#{bindings.EmpView1.hints.Deptno.tooltip}"
                                       id="ot8">
                            <af:convertNumber groupingUsed="false" pattern="#{bindings.EmpView1.hints.Deptno.format}"/>
                        </af:outputText>
                    </af:column>
                </af:table>
Backing bean :
package view.backing;
import javax.faces.event.ActionEvent;
public class ColPaginationBean {
    private int visColGroup=1;
    public void setVisColGroup(int visColGroup) {
        this.visColGroup = visColGroup;
    public int getVisColGroup() {
        return visColGroup;
    public ColPaginationBean() {
    public void prevCols(ActionEvent actionEvent) {
        // Add event code here...
        visColGroup--;
    public void nextCols(ActionEvent actionEvent) {
        // Add event code here...
        visColGroup++;
-Arun