Show the column header in 2 lines in <apex:column>

Question

I want to display the apex: column header in 2 lines. I have a column with the header as "Distributed Total" I want to show in 2 lines

<apex:column headerValue="Distributed Total$">

  <apex:outputText value="${0, number, ###,##0.00}">

  <apex:param value="{!item.Dtotal}"/>

</apex:outputText>

</apex:column> 

Any idea how we can achieve this

Thanks

Answer 1

It seems like you want a column header which spans 2 lines. I believe this code will work for this:

<apex:column>

    <apex:facet name="header">

        Distributed<br/>Total$

    </apex:facet>

    <apex:outputText value="${0, number, ###,##0.00}">

        <apex:param value="{!item.Dtotal}"/>

    </apex:outputText>

</apex:column>