I created a very simple VF page which displays 28 fields from a custom object. The code looks like this:
<apex:pageBlock >
<apex:pageBlockSection >
<apex:pageBlockTable value="{!caseSoLst}" var="caseSo" >
<apex:column headerValue="Owner" >
<apex:outputText value="{!caseSo.Case_No__r.Account.name}" />
</apex:column>
<!-- ....
27 other such entries for different fields -->
</apex:pageBlockTable>
</apex:PageBlockSection>
</apex:PageBlock>
However the PageBlockTable goes outside the PageBlock and it is not completely wrapped by the PageBlock background. The image below shows the output. How do I get the PageBlock to wrap around the PageBlockTable? I tried a lot of different styling combinations but none of them seem to have worked. I imagined this should be straight forward but nothing helped. Not sure what I am I missing here. Is this even possible?