Home SALESFORCE align the column headers as a center using apex:dataTable

Align the column headers as a center using apex:dataTable
Yes this is possible, you have to create a css class in your VF page. And then include in apex:column
Like this,

[html]

<apex:page standardController=”Account” extensions=”AccountContacts”>
<style>
.clsCenter{
text-align:center;
}
</style>
<apex:form id=”frm”>
<apex:pageBlock title=”Accounts Info”>
<apex:pageBlockTable value=”{!lstacc}” var=”lacc”>
<apex:column headerValue=”Name” headerClass=”clsCenter”>
<apex:commandLink value=”{!lacc.name}” onclick=”show(‘{!lacc.id}’); return false;”/>
</apex:column>
<apex:column value=”{!lacc.type}”/>
</apex:pageBlockTable>
</apex:pageBlock>
</apex:form>
</apex:page>

[/html]

You may also like

Leave a Comment

*