Af:table shows horizontal scroll when embedded in a region

Question

I added a af:table in a jsff file which has 5 columns into a region. Even if the rows are empty, the horizontal bar is shown. I tried changing the width and/or styleClass attribute of the table and there is no change. I tried adding panelStrechLayout/panelCollection without any success.
Can you please let me know how to avoid the horizontal bar of the table.

Answer 1

The contents of the jsff file is as follows and this jsff file is added as a region.
<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:ui="http://java.sun.com/jsf/facelets"
xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
xmlns:dvt="http://xmlns.oracle.com/dss/adf/faces">
<af:panelCollection id="pc1" featuresOff="wrap">
<af:table var="row" rowBandingInterval="0" id="sqlMon"
summary="SQL Monitor"
emptyText="No Data Found"
disableColumnReordering="true"
value="#{dbHomePageSQLMonitorBean.tableList}"
>
<af:column sortable="false" headerText="Duration" id="c5"
>
<af:spacer id="spr4" width="#{row.durationPX}" height="10px"
shortDesc="#{row.durationDesc}"
inlineStyle="background-color:Grey;"/>
</af:column>
<af:column sortable="false" headerText="SQL ID" id="c1"
noWrap="true" >
<af:outputText value="#{row.sql_id}" id="ot4"/>
</af:column>
<af:column sortable="false" headerText="Session" id="c4"
>
<af:outputText value="#{row.session_id}" id="ot1"/>
</af:column>
<af:column sortable="false" headerText="Parallel " id="c3"
noWrap="true">
<af:panelGroupLayout id="pgl1">
<af:image id="inst" source="/images/database/rac/dbcluster.gif"
shortDesc="Instance Count"/>
<af:outputText value="#{row.inst_count}" id="ot3"/>
<af:spacer width="10" />
<af:image id="nodes" source="/images/database/rac/dbcluster.gif"
shortDesc="Degree of parallelism"/>
<af:outputText value="#{row.dop}" id="ot31"/>
</af:panelGroupLayout>
</af:column>
<af:column sortable="false" headerText="Database Time" id="c2"
>
<af:panelGroupLayout id="mg1" >
<af:spacer id="spr1" width="#{row.cpuWidthPX}" height="10px"
shortDesc="#{row.cpuDesc}"
inlineStyle="background-color:Lime;"/>
<af:spacer id="spr2" width="#{row.userIOWidthPX}" height="10px"
shortDesc="#{row.userDesc}"
inlineStyle="background-color:Yellow;"/>
<af:spacer id="spr3" width="#{row.otherWidthPX}" height="10px"
shortDesc="#{row.otherDesc}"
inlineStyle="background-color:Orange;"/>
</af:panelGroupLayout>
</af:column>
</af:table>
</af:panelCollection>
</jsp:root>