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. screenshot-03.png
              208 kB
            2. JSF-dataTable.JPG
              105 kB
            3. ICEfaces-dataTable.JPG
              131 kB

              Activity

              Descending order - Click to sort in ascending order
              Ken Fyten made changes -
              Status Resolved [ 5 ] Closed [ 6 ]
              Ken Fyten made changes -
              Issue Type Bug [ 1 ] Improvement [ 4 ]
              Priority Blocker [ 1 ] Major [ 3 ]
              yip.ng made changes -
              Status Reopened [ 4 ] Resolved [ 5 ]
              Resolution Fixed [ 1 ]
              Judy Guglielmin made changes -
              Resolution Fixed [ 1 ]
              Status Resolved [ 5 ] Reopened [ 4 ]
              Ken Fyten made changes -
              Status Open [ 1 ] Resolved [ 5 ]
              Fix Version/s 1.8.3 [ 10211 ]
              Assignee Priority P1
              Resolution Fixed [ 1 ]
              yip.ng made changes -
              Attachment screenshot-03.png [ 12749 ]
              Ken Fyten made changes -
              Issue Type New Feature [ 2 ] Bug [ 1 ]
              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>
              ]
              Arran Mccullough made changes -
              Attachment ICEfaces-dataTable.JPG [ 12739 ]
              Attachment JSF-dataTable.JPG [ 12740 ]
              Ken Fyten made changes -
              Assignee Mark Collette [ mark.collette ] Yip Ng [ yip.ng ]
              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 ]
              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)
              Tyler Johnson made changes -
              Priority Major [ 3 ] Blocker [ 1 ]
              Tyler Johnson made changes -
              Salesforce Case [5007000000EW6iS]
              Tyler Johnson made changes -
              Field Original Value New Value
              Issue Type Improvement [ 4 ] New Feature [ 2 ]
              Salesforce Case []
              Tyler Johnson created issue -

                People

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

                  Dates

                  • Created:
                    Updated:
                    Resolved: