Your Privacy Matters: We use our own and third-party cookies to improve your experience on our website. By continuing to use the website we understand that you accept their use. Cookie Policy
644
sub column inside column
posted

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??

Parents
No Data
Reply
  • 1324
    posted

    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

     

Children