I have a datatable in Primefaces which has sorting feature on click of column header, when I click on sort it sorts like this example Existing output:
APPLE
ORANGE
ZEN
apple
orange
zen
I would like the sort output to be like this on UI
APPLE
apple
ORANGE
orange
ZEN
zen
Any suggestions would be greatly appreciated. Thank you.
Existing code:
<p:column id="firstName"
sortBy="#{row.user.firstName}"
filterBy="#{row.user.firstName}"
styleClass="col-left"
filterStyleClass="filter-full">
<f:facet name="header">
<h:outputText value="#{appmsg['first.name']}" />
</f:facet>
<h:outputText value="#{row.user.firstName}" />
</p:column>