title: Aligning h:outputText inside a p:datatable
body: <p>I have an <code>&lt;h:outputText value="#{xx.nameame}" /&gt;</code> which is given below </p>
  
  <pre><code>&lt;p:dataTable&gt;
    &lt;p:column width="200"  &gt;
      &lt;f:facet name="header"    &gt;
        &lt;h:outputText value="Header1" /&gt;
      &lt;/f:facet&gt;
      &lt;h:panelGroup rendered="#{xx.addFlag == false}"&gt;
        &lt;h:outputText value="#{xx.nameame}" /&gt;
      &lt;/h:panelGroup&gt;
    &lt;/p:column&gt;
  &lt;/p:dataTable&gt;
  </code></pre>
  
  <p>I want to align the values coming for this field <code>&lt;h:outputText value="#{xx.nameame}" /&gt;</code> in left side of the cell example : <code>text-align:left</code><br/></p>
  
  <p>But the problem is that JSF itself, considering the column as div tag, is assigning the the css by default which is:</p>
  
  <pre><code>.ui-dt-c {
       white-space: normal;
       text-align: center;
  }
  </code></pre>
  
  <p>Due to the above, the text is aligned center. If I change the above to <code>text-align: to left</code>, all the datatable will get changed in other screens too.<br/>Hence  I want to apply the change only to the above datatable and not for the others.</p>
  
  <p>How can I achieve it?</p>