Columns should be left justified

Question

Hi all,
I used a t:dataTable to display my search results, My req says all the columns should be left justified, how can I do that? Can some one help me in this?

Answer 1

<t:dataTable
     footerClass="dataTableScrollerFooter"
     renderedIfEmpty="false"
     preserveDataModel="false"
     preserveSort="true"
     varDetailToggler="detailToggler"
     columnClasses="alignLeft"
     rowClasses="oddTableRow,evenTableRow"
     rows="#{sessionUserBean.user.resultsPerPageOption}"
     value="#{result.result}"
     var="legalProfessional">
     <t:column >
          <f:facet name="header">
               <h:outputText value="Type" style="font-size:8pt;" />
          </f:facet>
          <h:outputText value="#{legalProfessional.type}" />
     </t:column>
     <t:column defaultSorted="false" sortable="true">
          <f:facet name="header">
               <h:outputText value="Last Name" style="font-size:8pt;" />
          </f:facet>
          <h:outputText value="#{legalProfessional.firstNameOccurance.lastName}" />
     </t:column>
.alignLeft {
          text-align: left;
     }I am able to left justify the results but not the headers of the dataTable even I used columnClasses, Can you tell me where I am going wrong in this?