Hi all i need to implement a grid like this, where a column can be divided into sub column and can place common header/ sub header for column as like in picture.
It is possible using net advantage ig:gridView for JSF??
Hi Gantait,
You can give a similar look by making little twik using panel group in the column header. Following is the code snippets for your reference:
<ig:gridView id="mygrid" pageSize="10" binding="#{Bean.grid}" style="width:100%;" dataSource="#{Bean.employees}" > <f:facet name="header"> <h:outputText value="Employee List" /></f:facet> <ig:column style="width:300px;"> <f:facet name="header"> <h:panelGroup> <h:outputText value="Name<br>" escape="false" style="text-align:right;display:block;" /> <h:outputText value="First Name" escape="false" /> </h:panelGroup> </f:facet>
<h:outputText value="#{DATA_ROW.firstName}" /></ig:column>
<ig:column > <f:facet name="header"> <h:panelGroup> <h:outputText value="<br>" escape="false" /> <h:outputText value="Last Name" escape="false" /> </h:panelGroup> </f:facet> <h:outputText value="#{DATA_ROW.lastName}" /></ig:column></ig:gridView>
It will provide you a view like column Name is devide into two sub column "First Name" and "Last Name".
Thank you
Hi..thnx for reply..this is the first thing that i have tried..but by this way it is not possible to make same UI , if you see care fully the grid snap, you can see "turnover " and "quantity" are the separate column which is under column "2009", this column "2009" is resizable.
Now another point is some times it may possible for coulmn "turnover" and "quantity" comes like this..
Gantait:
This feature is not currently supported by NetAdvantage.
Best,Jim