ICEfaces
  1. ICEfaces
  2. ICE-6357

Associate data cells with header cells through use of the scope attribute (508)

          Details

          • Type: Improvement Improvement
          • Status: Closed
          • Priority: Major Major
          • Resolution: Fixed
          • Affects Version/s: 1.8.2-EE-GA_P02
          • Fix Version/s: 1.8.3, EE-1.8.2.GA_P03
          • Component/s: ICE-Components
          • Labels:
            None
          • Environment:
            -
          • Affects:
            Documentation (User Guide, Ref. Guide, etc.)

            Description

            In order to achieve 508 compliance, the ice:dataTable must associate data cells with column/row headers through the use of ´scope´ attribute. The 'scope' attribute needs to placed within the <th> tags and within the first <td> element of each row. For example:

            <table>
            <tr>
            <th> </th>
            <th scope="col" >Header1</th> <th scope="col" >Header2</th> <th scope="col" >Header3</th> <th scope="col" >Header4</th> </tr>
            <tr> <td scope="row" >Row1-Data1</td> <td>Row1-Data2</td>
            </tr>
            <tr> <td scope="row" >Row2-Data1</td> <td>Row2-Data2</td>
            </tr>
            </table>
            1. ICEfaces-dataTable.JPG
              131 kB
            2. JSF-dataTable.JPG
              105 kB
            3. screenshot-03.png
              208 kB

              Activity

              Ascending order - Click to sort in descending order
              Tyler Johnson created issue -
              Tyler Johnson made changes -
              Field Original Value New Value
              Issue Type Improvement [ 4 ] New Feature [ 2 ]
              Salesforce Case []
              Tyler Johnson made changes -
              Salesforce Case [5007000000EW6iS]
              Tyler Johnson made changes -
              Priority Major [ 3 ] Blocker [ 1 ]
              Tyler Johnson made changes -
              Summary Associate data cells with heading cells through use of the scope attribute (508) Associate data cells with header cells through use of the scope attribute (508)
              Ken Fyten made changes -
              Fix Version/s 1.8.2-EE-GA_P03 [ 10251 ]
              Affects [Documentation (User Guide, Ref. Guide, etc.)]
              Assignee Priority P1
              Assignee Mark Collette [ mark.collette ]
              Ken Fyten made changes -
              Assignee Mark Collette [ mark.collette ] Yip Ng [ yip.ng ]
              Arran Mccullough made changes -
              Attachment ICEfaces-dataTable.JPG [ 12739 ]
              Attachment JSF-dataTable.JPG [ 12740 ]
              Ken Fyten made changes -
              Comment [ In the case of the <ice:column> having it's "groupOn" attribute defined, such that the rendered output for the table body section uses the "rowspan" attribute within the corresponding <td> element, the expected behaviour is basically the same as above, expect in this case the scope attribute within the <td> element should specify "rowgroup", instead of "row".

              Example:

                          <!-- Grouping can be applied to row data too -->
                          <ice:column isRowIdentifier="true" groupOn="#{employee.departmentName}">
                              <ice:outputText id="deptname"
                                              value="#{employee.departmentName}"/>
                          </ice:column>

              ...results in rendered markup:

                  <td class="iceDatTblCol2" rowspan="15" scope="rowgroup">
                       ...
                  </td>
              ]
              Ken Fyten made changes -
              Issue Type New Feature [ 2 ] Bug [ 1 ]
              yip.ng made changes -
              Attachment screenshot-03.png [ 12749 ]
              Ken Fyten made changes -
              Status Open [ 1 ] Resolved [ 5 ]
              Fix Version/s 1.8.3 [ 10211 ]
              Assignee Priority P1
              Resolution Fixed [ 1 ]
              Judy Guglielmin made changes -
              Resolution Fixed [ 1 ]
              Status Resolved [ 5 ] Reopened [ 4 ]
              yip.ng made changes -
              Status Reopened [ 4 ] Resolved [ 5 ]
              Resolution Fixed [ 1 ]
              Ken Fyten made changes -
              Issue Type Bug [ 1 ] Improvement [ 4 ]
              Priority Blocker [ 1 ] Major [ 3 ]
              Ken Fyten made changes -
              Status Resolved [ 5 ] Closed [ 6 ]

                People

                • Assignee:
                  yip.ng
                  Reporter:
                  Tyler Johnson
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  1 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved: