I have a pageBlockSection that has 2 columns. I would like 1 scrollbar for the left column so that if the information on the left column is very large then you can scroll through it without changing what you see on the right column.
Here is a summary of my code and a picture to hopefully illustrate what I mean
<apex:pageBlock >
<apex:pageBlockSection title="List Of Numbers" columns="2" >
<apex:pageBlockSectionItem id="columnWithScroll">
<apex:repeat value="{!numbers}" var="number">
<apex:outputText value="{!number}" />
<br/>
</apex:repeat>
</apex:PageBlockSectionItem>
<apex:pageBlockSectionItem id="columnWithoutScroll">
<apex:outputPanel >
<apex:outputText value="I don't want this section to move" />
<br/><br/>
<apex:outputText value="If the left column gets too long" />
</apex:outputPanel>
</apex:pageBlockSectionItem>
</apex:pageBlockSection>
</apex:pageBlock>
The variable numbers is just a List<Integer>
from 1 to 20
PageBlockSectionItem
, I do not see this happening if you want to 'merge' multiple row columns. This is very possible to do only using 2 divs, and setting some CSS attributes such as overflow. If you use the repeat tag you can build your own table to meet these goals and using 'rowspan' attribute on the cells you need merged vertically. I guess what I'm saying is you need to provide more information. This is still very vague in how you wan to use it – Double A Jul 7 '14 at 15:43