function readOnly(count){ }
Sign Up ›
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
Learn More

Browse by Topic
ShowAll Questionssorted byDate Posted
+ Start a Discussion
j.vinodj.vinod 

How to add scroll Bar in my visual Force Page

Hi,

I want to add scroll bar in my data table.

Please help me add a scroll bar in my data table in a Visual force Page.

Regards
Vinod

Sam.arjSam.arj

  It is easy to add scroll bar to your dataTable but freezing the header of the table might be a bit of challenge.


Code:
<div style="over-flow:auto; width:?px; height:?px">
 <apex:DataTable>
 </apex:DataTable>
</div>

 
charleshowardcharleshoward
Thanks for the info, it was very useful.  I think the style paramater needs to be "overflow", without a hyphen, for it to work.
MrTikMrTik

Thanks for the post. It helped me fix a annoying issue.
MyGodItsColdMyGodItsCold

I got it working ... until I put it inside an apex:pageBlockSection with an apex:pageBlock

 

Any clues there?
happytummyhappytummy

This is exactly what I'm trying to do too. Because I have a lot of data coming from my database. But the overflow function doesn't work.

 

Were you able to get it working?

 

This is what I have so far:

 

 <div style="margin:0px; overflow:auto">         

 

 <apex:pageBlock >              

 

 <div style="border: 5px solid #461B7E; text-align:left; overflow:auto; padding: 20px; font-family:Helvetica, sans-serif; font-size:10pt; line-height: 1.5em; width:900px;">      

 

<apex:pageBlockTable styleClass="overflow:auto" columnsWidth="10px, 50px" rows="5" value="{!recipes}" var="recipe">           

 

<iframe scrolling="yes">               

 

<apex:column value="{!recipe.Recipe_Name__c}" width="20"  />       

<apex:column value="{!recipe.Seasonal__c}" width="50" />            

<apex:column value="{!recipe.Average_Satisfaction_Rating__c}" width="20"  />           

 

 </iframe>       

 

</apex:pageBlockTable>      

</div>                                 

</apex:pageBlock>        

</div>

 

Thanks! I'll appreciate any answer.

 
starfish_developerstarfish_developer

i have the same problem too.. and i've still got no idea.. any help please
MyGodItsColdMyGodItsCold

I think I found it:

 

HowToSliderVisualForce

 

Sorry - this is NOT the solution, but still valuable.