About RowHeaderStamp

The rowHeaderStamp element is a named child of the table component. Use rowHeaderStamp to specify the node that renders a label for each data row in the table.

For rowHeaderStamp to work properly, you must specify a DataObjectList that provides the information to the row header stamps. Each DataObject in DataObjectList supplies the text to display for one row header. To enable the table to use that DataObjectList, data bind the table attribute rowHeaderData to the DataObjectList.

For example, the following UIX XML code specifies two DataObjectList under the named DataObject "demoTableData". The value of rowHeaderData is the "demoRowHeaderData" DataObjectList under the named DataObject "demoTableData".

The row header stamp is a text child. The text value of rowHeaderStamp is bound to the "headerText" key of the current DataObject.

When the row header stamps are rendered, the individual DataObjects in the row header data are each in turn made the current DataObject when the stamp is rendered for each header. This causes the text to change from row header to row header.


...
<dataScope xmlns="http://xmlns.oracle.com/uix/ui">
  <provider>
    <!-- all the data used by our table demo -->
    <data name="demoTableData">
      <inline>
        <!-- DataObjectList to provide information to the data rows -->
        <demoRowData firstColumnText="First row"
                     secondColumnText="First Button"/>
        <demoRowData firstColumnText="Second row"
                     secondColumnText="Second Button"/>
        <demoRowData firstColumnText="Third row"
                     secondColumnText="Third Button"/>
        <!-- DataObjectList to provide information to the row header stamps -->
        <demoRowHeaderData headerText="1"/>
        <demoRowHeaderData headerText="2"/>
        <demoRowHeaderData headerText="3"/>
      </inline>
    </data>
  </provider>
  <contents>
    <document>
      <metaContainer>
        <!-- Set the page title -->
        <head title=""/>
      </metaContainer>
      <contents>
        <body>
          <contents>
            <form name="form0">
              <contents>
                <pageLayout title="">
                  <!-- main contents -->
                  <contents>
                    <!-- Define the content of the page here -->
                    <header text="Table using inline data and rowheaderstamp">
                      <contents>
                        <spacer height="30" width="10"/>
                        <table alternateText="No Items Found." 
                               tableData="${uix.data.demoTableData.demoRowData}"
                               rowHeaderData="${uix.data.demoTableData.demoRowHeaderData}">
                          <contents>
                             <column> 
                              <contents>
                                <!-- first column stamp -->
                                <text text="${uix.current.firstColumnText}"/>
                              </contents>
                            </column>
                            <column>
                              <contents>
                                <!-- second column stamp -->
                                <button text="${uix.current.secondColumnText}"/>
                              </contents>
                            </column>
                          </contents>
                          <!-- row header stamp node -->
                          <rowHeaderStamp>
                            <text text="${uix.current.headerText}"/>
                          </rowHeaderStamp>
                        </table>
                      </contents>
                    </header>
                  </contents>
                </pageLayout>
              </contents>
            </form>
          </contents>
        </body>
      </contents>
    </document>
  </contents>
</dataScope>
...

The code above produces the following table:

Table with row headers. Three rows and two columns.