ICEfaces
  1. ICEfaces
  2. ICE-1476

Multiple DataTable Headers with allowable Colspan

    Details

    • Type: New Feature New Feature
    • Status: Closed
    • Priority: Major Major
    • Resolution: Fixed
    • Affects Version/s: 1.6DR#3
    • Fix Version/s: 1.7Beta1, 1.7
    • Component/s: ICE-Components
    • Labels:
      None
    • Environment:
      any

      Description

      the possibility to have at least two header rows whith the colspan parameter implemented

        Activity

        Hide
        Ken Fyten added a comment -

        Also see this thread which includes an image showing desired colspan and rowspan capabilities: http://www.icefaces.org/JForum/posts/list/5951.page

        Show
        Ken Fyten added a comment - Also see this thread which includes an image showing desired colspan and rowspan capabilities: http://www.icefaces.org/JForum/posts/list/5951.page
        Hide
        Adnan Durrani added a comment -

        revision 15525

        Show
        Adnan Durrani added a comment - revision 15525
        Hide
        Adnan Durrani added a comment -

        Example added to the component showcase: 15529

        To support multiple dataTable headers, we have added the following two new components and two new attributes to the ice:column component "rowspan" and "colspan":

        • ice:columnGroup (must need to be a child of table level "facet" named with either "header" or "footer")
        • ice:headerRow (represents a single line in the header, must need to be a child of ice:columnGroup. ice:columnGroup can have one or more headerRow components)

        <ice:dataTable....>
        <f:facet name="header">
        <ice:columnGroup>
        <ice:headerRow>
        <ice:column rowspan="2">
        <ice:outputText value="First Name"/>
        </ice:column>
        <ice:column rowspan="2">
        <ice:outputText value="Last Name"/>
        </ice:column>
        <ice:column colspan="2">
        <ice:outputText value="Contact Info"/>
        </ice:column>
        </ice:headerRow>

        <ice:headerRow>
        <ice:column>
        <ice:outputText value="Phone"/>
        </ice:column>
        <ice:column>
        <ice:outputText value="Email"/>
        </ice:column>

        </ice:headerRow>
        </ice:columnGroup>
        </f:facet>

        <ice:column>
        <ice:outputText id="firstName" value="#

        {person.firstName}

        "/>
        </ice:column>

        <ice:column>
        <ice:outputText id="lastName" value="#

        {person.lastName}

        "/>
        </ice:column>

        <ice:column>
        <ice:outputText id="phoneNo" value="#

        {person.phoneNo}

        "/>
        </ice:column>

        <ice:column>
        <ice:outputLink id="mailto" value="mailto:#

        {person.email}">
        <ice:outputText id="email" value="#{person.email}

        "/>
        </ice:outputLink>
        </ice:column>

        </ice:dataTable>
        Please see the attached image to see the rendered result of the above snippet.

        Show
        Adnan Durrani added a comment - Example added to the component showcase: 15529 To support multiple dataTable headers, we have added the following two new components and two new attributes to the ice:column component "rowspan" and "colspan": ice:columnGroup (must need to be a child of table level "facet" named with either "header" or "footer") ice:headerRow (represents a single line in the header, must need to be a child of ice:columnGroup. ice:columnGroup can have one or more headerRow components) <ice:dataTable....> <f:facet name="header"> <ice:columnGroup> <ice:headerRow> <ice:column rowspan="2"> <ice:outputText value="First Name"/> </ice:column> <ice:column rowspan="2"> <ice:outputText value="Last Name"/> </ice:column> <ice:column colspan="2"> <ice:outputText value="Contact Info"/> </ice:column> </ice:headerRow> <ice:headerRow> <ice:column> <ice:outputText value="Phone"/> </ice:column> <ice:column> <ice:outputText value="Email"/> </ice:column> </ice:headerRow> </ice:columnGroup> </f:facet> <ice:column> <ice:outputText id="firstName" value="# {person.firstName} "/> </ice:column> <ice:column> <ice:outputText id="lastName" value="# {person.lastName} "/> </ice:column> <ice:column> <ice:outputText id="phoneNo" value="# {person.phoneNo} "/> </ice:column> <ice:column> <ice:outputLink id="mailto" value="mailto:# {person.email}"> <ice:outputText id="email" value="#{person.email} "/> </ice:outputLink> </ice:column> </ice:dataTable> Please see the attached image to see the rendered result of the above snippet.
        Hide
        Adnan Durrani added a comment -

        Description added to the columnGroup component. 15538

        Show
        Adnan Durrani added a comment - Description added to the columnGroup component. 15538
        Hide
        Adnan Durrani added a comment -

        style and the styleClass attributes are applied to the none header columns as well. revision 15539

        Show
        Adnan Durrani added a comment - style and the styleClass attributes are applied to the none header columns as well. revision 15539
        Hide
        Adnan Durrani added a comment -

        Description added to the .Tld doc of the ice:column component. revision15543

        Show
        Adnan Durrani added a comment - Description added to the .Tld doc of the ice:column component. revision15543
        Hide
        Pablo Almeida added a comment -

        I think that the datatable component will be improve as son as possible. For example edit into cells but naturally not including other controls, only using an additional attribute, introduce other controls like drop downs, crosstab functions, master detail, and all functions in edit mode too, the possibility to reuse. It control will be more flexible like an flex grid in V basic or datawindow in power builder or grid in backbase framework. I think that this control is the most important control in the development process and Icefaces will be put more focus in that.

        Regards
        Pablo

        Show
        Pablo Almeida added a comment - I think that the datatable component will be improve as son as possible. For example edit into cells but naturally not including other controls, only using an additional attribute, introduce other controls like drop downs, crosstab functions, master detail, and all functions in edit mode too, the possibility to reuse. It control will be more flexible like an flex grid in V basic or datawindow in power builder or grid in backbase framework. I think that this control is the most important control in the development process and Icefaces will be put more focus in that. Regards Pablo

          People

          • Assignee:
            Unassigned
            Reporter:
            Philip Breau
          • Votes:
            14 Vote for this issue
            Watchers:
            2 Start watching this issue

            Dates

            • Created:
              Updated:
              Resolved: