Table truncated when a zoom is applicated - jsf

Question

I have with this code a problem that is when I increase the zoom of navigator the table is truncated and the add, edit,search, save buttons disappear.
So how to solve this problem and make it scroll when we applicate a zoom.Can you help me please to solve this problem.
I am working with jdev 12c,oracle 12 and java 8
<af:panelGridLayout id="pgl3" partialTriggers="pt2">
<af:gridRow marginTop="0px" height="auto" id="gr1">
<af:gridCell marginStart="0px" styleClass="AFStretchWidth" marginEnd="0px"
id="gc1">
<af:panelBox id="pb2" styleClass="AFStretchWidth"
text="#{raficviewBundle.LISTE_DE_OBLIGATIONS}"
>
<af:spacer id="s25" height="15px"/>
<f:facet name="toolbar">
<af:toolbar id="t3">
<TC:search iterator="RefObligationVO2Iterator"
disabled="#{bindings.RefObligationVO2Iterator.estimatedRowCount == 0}"
popupId=":::popupSearch" id="s1"/>
<af:commandButton text="" id="badd"
icon="/resources/images/add.png"
shortDesc="#{raficviewBundle.Ajouter}"
styleClass="toolbarButton"
partialSubmit="true">
<af:showPopupBehavior popupId=":::p1"/>
</af:commandButton>
<af:commandButton text="" id="bmod"
icon="/resources/images/edit.png"
disabled="#{bindings.RefObligationVO2Iterator.estimatedRowCount == 0}"
shortDesc="#{raficviewBundle.MODIFIER}"
styleClass="toolbarButton"
partialSubmit="true">
<af:showPopupBehavior popupId=":::p3"/>
</af:commandButton>
<af:commandButton actionListener="#{bindings.Delete.execute}"
styleClass="toolbarButton"
disabled="#{bindings.RefObligationVO2Iterator.estimatedRowCount==0}"
icon="/resources/images/delete_outline.png"
id="breiu7" partialSubmit="true"/>
<TC:rollback block="0" id="r1"/>
<TC:valider block="0"
iterator="RefObligationVO2Iterator"
id="v1"/>
</af:toolbar>
</f:facet>
<!--1300px-->
<!--<af:panelStretchLayout id="psl2"
styleClass="AFStretchWidth"
bottomHeight="300px"
topHeight="250px">
<f:facet name="center">-->
<af:panelGroupLayout id="pgl1" styleClass="AFStretchWidth">
<af:panelCollection id="pc3" styleClass="AFStretchWidth">
<f:facet name="menus"/>
<f:facet name="toolbar">
<af:toolbar id="taeri4">
<af:button text="#{raficviewBundle.EXPORT}"
id="brei3"
shortDesc="#{raficviewBundle.EXPORT_DESC}">
<af:exportCollectionActionListener type="excelHTML"
exportedId="t5"
filename="#{items.NatLlibfr}.xls"/>
</af:button>
</af:toolbar>
</f:facet>
<f:facet name="statusbar"/>
<af:table value="#{bindings.RefObligationVO2.collectionModel}"
var="row" autoHeightRows="10"
rows="#{bindings.RefObligationVO2.rangeSize}"
emptyText="#{bindings.RefObligationVO2.viewable ? raficviewBundle.NO_DATA_TO_DISP : raficviewBundle.ACCES_DENIED}"
rowBandingInterval="0"
selectedRowKeys="#{bindings.RefObligationVO2.collectionModel.selectedRow}"
selectionListener="#{bindings.RefObligationVO2.collectionModel.makeCurrent}"
rowSelection="single"
fetchSize="#{bindings.RefObligationVO2.rangeSize}"
filterModel="#{bindings.RefObligationVO2Query.queryDescriptor}"
filterVisible="true"
queryListener="#{bindings.RefObligationVO2Query.processQuery}"
varStatus="vs" id="t5" contentDelivery="immediate"
immediate="true"
partialTriggers=":::::b3 :::::b4 :::breiu7"
columnStretching="column:c22"
styleClass="AFStretchWidth"
>
<af:column sortProperty="#{bindings.RefObligationVO2.hints.OblKcode.name}"
filterable="true" width="50px"
sortable="true"
headerText="#{bindings.RefObligationVO2.hints.OblKcode.label}"
id="c15" inlineStyle="text-align:left;">
<af:outputText value="#{row.OblKcode}"
shortDesc="#{bindings.RefObligationVO2.hints.OblKcode.tooltip}"
id="ot26">
<af:convertNumber groupingUsed="false"
pattern="#{bindings.RefObligationVO2.hints.OblKcode.format}"/>
</af:outputText>
</af:column>
<af:column sortProperty="#{bindings.RefObligationVO2.hints.OblLlibfr.name}"
filterable="true" width="300px"
sortable="true"
headerText="#{bindings.RefObligationVO2.hints.OblLlibfr.label}"
id="c16">
<af:outputText value="#{row.OblLlibfr}"
shortDesc="#{bindings.RefObligationVO2.hints.OblLlibfr.tooltip}"
id="ot27"/>
</af:column>
<af:column sortProperty="#{bindings.RefObligationVO2.hints.OblLlibar.name}"
filterable="true" width="300px"
sortable="true"
inlineStyle="text-align:right;"
headerText="#{bindings.RefObligationVO2.hints.OblLlibar.label}"
id="c17">
<af:outputText value="#{row.OblLlibar}"
shortDesc="#{bindings.RefObligationVO2.hints.OblLlibar.tooltip}"
id="ot25"/>
</af:column>
<af:column sortProperty="#{bindings.RefObligationVO2.hints.OblLabrvfr.name}"
filterable="true" width="70px"
sortable="true"
headerText="#{bindings.RefObligationVO2.hints.OblLabrvfr.label}"
id="c19">
<af:outputText value="#{row.OblLabrvfr}"
shortDesc="#{bindings.RefObligationVO2.hints.OblLabrvfr.tooltip}"
id="ot1"/>
</af:column>
<af:column sortProperty="#{bindings.RefObligationVO2.hints.OblLabrvar.name}"
filterable="true" width="70px"
sortable="true"
inlineStyle="text-align:right;"
headerText="#{bindings.RefObligationVO2.hints.OblLabrvar.label}"
id="c21">
<af:outputText value="#{row.OblLabrvar}"
shortDesc="#{bindings.RefObligationVO2.hints.OblLabrvar.tooltip}"
id="ot29"
inlineStyle="text-align:center;"/>
</af:column>
<af:column sortProperty="#{bindings.RefObligationVO2.hints.OblDdeb.name}"
filterable="true" width="65px"
sortable="true"
inlineStyle="text-align:center;"
headerText="#{bindings.RefObligationVO2.hints.OblDdeb.label}"
id="c18">
<f:facet name="filter">
<af:inputDate value="#{bindings.RefObligationVO2Query.queryDescriptor.filterConjunctionCriterion.criterionMap.OblDdeb.value}"
id="id1" autoSubmit="true">
<af:convertDateTime pattern="#{bindings.RefObligationVO2.hints.OblDdeb.format}"
secondaryPattern="ddMMyyyy"/>
</af:inputDate>
</f:facet>
<af:outputText value="#{row.OblDdeb}"
shortDesc="#{bindings.RefObligationVO2.hints.OblDdeb.tooltip}"
id="ot28">
<af:convertDateTime pattern="#{bindings.RefObligationVO2.hints.OblDdeb.format}"/>
</af:outputText>
</af:column>
<!--width="65px"-->
<af:column sortProperty="#{bindings.RefObligationVO2.hints.OblDfin.name}"
filterable="true"
inlineStyle="text-align:center;"
sortable="true"
headerText="#{bindings.RefObligationVO2.hints.OblDfin.label}"
id="c20">
<f:facet name="filter">
<af:inputDate value="#{bindings.RefObligationVO2Query.queryDescriptor.filterConjunctionCriterion.criterionMap.OblDfin.value}"
id="id11">
<af:convertDateTime pattern="#{bindings.RefObligationVO2.hints.OblDfin.format}"
secondaryPattern="ddMMyyyy"/>
</af:inputDate>
</f:facet>
<af:outputText value="#{row.OblDfin}"
shortDesc="#{bindings.RefObligationVO2.hints.OblDfin.tooltip}"
id="ot31">
<af:convertDateTime pattern="#{bindings.RefObligationVO2.hints.OblDfin.format}"/>
</af:outputText>
</af:column>
<af:column sortProperty="#{bindings.RefObligationVO2.hints.OblCtypobl.name}"
filterable="true" width="68px"
sortable="true"
headerText="#{bindings.RefObligationVO2.hints.OblCtypobl.label}"
id="c23">
<af:selectOneChoice value="#{row.bindings.OblCtypobl.inputValue}"
label="#{row.bindings.OblCtypobl.label}"
required="#{bindings.RefObligationVO2.hints.OblCtypobl.mandatory}"
shortDesc="#{bindings.RefObligationVO2.hints.OblCtypobl.tooltip}"
id="soc2" readOnly="true">
<f:selectItems value="#{row.bindings.OblCtypobl.items}"
id="si2"/>
<f:validator binding="#{row.bindings.OblCtypobl.validator}"/>
</af:selectOneChoice>
</af:column>
<af:column sortProperty="#{bindings.RefObligationVO2.hints.TextRegl.name}"
filterable="true" width="200px"
sortable="true"
headerText="#{bindings.RefObligationVO2.hints.TextRegl.label}"
id="c22">
<af:outputText value="#{row.TextRegl}"
shortDesc="#{bindings.RefObligationVO2.hints.TextRegl.tooltip}"
id="ot32"/>
</af:column>
</af:table>
</af:panelCollection>
</af:panelGroupLayout>
<!--<af:panelGridLayout id="pgl5iu">
<af:gridRow marginTop="5px" height="auto"
styleClass="AFStretchWidth" id="gri1">
<af:gridCell marginStart="5px" width="300%" styleClass="AFStretchWidth"
id="gci1"/>
</af:gridRow>
</af:panelGridLayout>-->
<!--</f:facet>
<f:facet name="end"/>
</af:panelStretchLayout>-->
</af:panelBox>
</af:gridCell>
</af:gridRow>