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
salesforcedev.ax840salesforcedev.ax840 

Freezing Column headers

hi can anyone help me in freezing my column headers in VF page:

my code is in this format:

<apex:outputPanel>

<apex:pageBlockTable>

<apex:column >

<apex:facet name="header">Campaign ID</apex:facet>
<apex:outputField value="{!currentCampaign.Campaign_ID__c}"/>
</apex:column

<apex:facet />

<apex:outputField />

</apex:column>

----------------------------columns follows(20 columns)------------

</outputpanel>

 

i want ouput same way like this link:

http://www.javascripttoolbox.com/lib/scrollingdatagrid/     (open in internet explorer)

can anyone help me.. 

thank you

WizradWizrad

The column headers are frozen by default.

 

If you mean that you want a scrolling pageBlockTable, then wrap the pageBlockTable in a div with the style attribute = "overflow:auto;".

 

If you mean that you want floating headers, the only way I know of how to do this is to duplicate the table right above the current table, but have no rows of data in the duplicated table.  Play with the CSS on both tables and you can create a floating header effect.
salesforcedev.ax840salesforcedev.ax840

thank you for your idea.. but i wish to know to align the above column names with columns .do you have any sample code..

thank you