function readOnly(count){ }
Starting November 20, the site will be set to read-only. On December 4, 2023,
forum discussions will move to the Trailblazer Community.
+ Start a Discussion

Can you center the column headers in a apex page dataTable?

I have a apex:dataTable in my apex:page that works great.   I would like to center all of the column headers and some of the data values in the rows. 


I tried the following:

   1)  added style="text-align:center;" to the <apex:dataTable tag.   This centers the data rows (or values) but not the column headers.

   2)  added style="text-align:center;" to the apex header like this <apex:column headerValue="Product" style="text-align:center;"> but still does not center header.


Thanks in advance :)

Best Answer chosen by Admin (Salesforce Developers) 


                       Yes this is possible, you have to create a css class in your VF page. And then include in apex:column

                       Like this


<apex:page standardController="Account" extensions="AccountContacts">

<apex:form id="frm">

<apex:pageBlock title="Accounts Info">

<apex:pageBlockTable value="{!lstacc}" var="lacc">
<apex:column headerValue="Name" headerClass="ct">
<apex:commandLink value="{!}" onclick="show('{!}'); return false;"/>
<apex:column value="{!lacc.type}"/>



Imran Qureshi