How can I align to right the column grid?

How can I align to right the column grid?

Example of display data
TEXT         TOTAL
text?1    585
text?1    1.185
text?1    2
It should be:
TEXT         TOTAL
text?1      585
text?1    1.185
text?1        2
styleClass property don´t apply en thesource code

<td class=”igGridColumn”>1.148</td>

Example of code

<ig:gridView id=”grid_processesList”
dataSource=”#{ProcessesListBean.processesList}”
binding=”#{ProcessesListBean.processesListGridView}”
pageSize=”#{configurationWeb.processesList_pageSize}”
bottomPagerRendered=”true” topPagerRendered=”false”
dataKeyName=”id”
selectedRowsChangeListener=”#{ProcessesListBean.onSelectedRowsChange}”
resizableColumns=”true”>

<f:facet name=”header”>
<h:outputText value=”tableHeader” />
</f:facet>
…
<ig:column styleClass=”right”>
<f:facet name=”header”>
<h:outputText value=”TOTAL” />
</f:facet>
<h:outputText value=”#{DATA_ROW.docsTotal }”>
<f:convertNumber type=”number” pattern=”#,##0″
groupingUsed=”true” />
</h:outputText>
</ig:column>

Thanks

Hello,

You can align the contents of the column by changing igGridColumn style within CSS to include "text-align:right;" This style is defined within igf_grid.css. By default the controls use the blue theme. 

Hope this helps. 

Taz.  

 Of course,

but this solution will change all columns.

I want the text aligned to left  and the numbers aligned to the right.

Thanks 

 

Yes, you are correct, the style will be applied to all the columns inside the grid. It appears the column styles are not applied correctly and would recommend you to notify our support team so that we can fix this.

In the meantime, you can force the alignment via the column component.

 

<ig:column >

 

<f:facet name=“header”>

 

<h:outputText value=“Company Name” />

 

</f:facet>

 

<h:outputText value=”#{DATA_ROW.name}” style=“text-align:right;width:100px;”/>

 

</ig:column>

 

Taz.