The jspx page

gistfile1.xml

<af:table var="row" rowBandingInterval="0" id="t11"
                binding="#{pageFlowScope.tempBean.table}"     value="#{pageFlowScope.tempBean.valuesList}"
                    rowSelection="multiple"
                    queryListener="#{pageFlowScope.tempBean.onQuery}"
                    filterModel="#{pageFlowScope.tempBean.qs}"
                    filterVisible="true" emptyText="no result found">
              <af:column sortProperty="firstName" sortable="true" filterable="true"
                   headerText="FirstName" id="c1">
                   
         <af:outputText value="#{row.firstName}" id="ot1"/>
        </af:column>
        <af:column sortProperty="lastName" filterable="true" sortable="true" headerText="LastName"
                   id="c2">
         <af:outputText value="#{row.lastName}" id="ot2"/>
        </af:column>
          </af:table>