The table name is defined. Because of possible collisions in the session, the table name incorporates a component prefix into the tableName.

The bsc:table tag is used to create a new Table object in the session under the desired name. If the variable exists in the session already (and the view has not been changed), the body of the bsc:table tag is not evaluated.

Columns are defined using the bsc:column tag. These tags instantiate com.systinet.uddi.bui.framework.view.Column objects that are used for storing display properties of each column and search/filter behavior. The next step is to fill the table with data. In the following example we iterate over org.systinet.uddi.client.v3.struct.BusinessEntityArrayList, extract interesting data and put it into rows and cells of the table object. Once completed we set a table request variable as a shortcut to the session variable with a dynamic name. Detailed information about all tags used in the example is available in the tag reference.

<c:set var="tableName" value="${prefix}TABLE"/>
<bsc:table var="${tableName}" scope="session">
    <bsc:column caption="Provider name" filterCaption="Provider name" name="providerName" 
        sortable="true" filterable="true"/>
    <bsc:column caption="UNSPSC" filterCaption="UNSPSC" name="unspsc" sortable="true" 
        filterable="true"/>
    <bsc:column caption="Contact name" filterCaption="Contact name" name="contactName" 
        sortable="true" filterable="true"/>
    <bsc:column caption="Contact phone" filterCaption="Contact phone" name="contactPhone" 
        sortable="true" filterable="true"/>
    <bsc:column caption="Contact email" filterCaption="Contact email" name="contactEmail" 
        sortable="true" filterable="true"/>
    <bsc:column caption="Description" filterCaption="Description" name="description" 
        sortable="true" filterable="true"/>
    <c:forEach items="${resultList}" var="row" varStatus="status">
        <bsc:row>
           <bsc:attribute key="businessKey" value="${row.businessKey}"/>
           <bsc:cell trimWhitespace="yes">
                <bsc:setLocalizedNames var="DEFAULT_NAMES" value="${row.nameArrayList}"/>
                <c:out value="${DEFAULT_NAMES[0].value}"/>
           </bsc:cell>
           <bsc:cell trimWhitespace="yes">
                <bsc:setCategories var="unspsc" 
                    value="${row.categoryBag.keyedReferenceArrayList}" 
                    tModelKey="uddi:uddi.org:ubr:categorization:unspsc"/>
                <c:out value="${unspsc[0].keyName}"/>
           </bsc:cell>
           <bsc:setSelectedContacts var="contact" 
                value="${row.contactArrayList}" useType="%" 
                findQualifier="approximateMatch"/>
           <bsc:cell caption="${contact[0].personNameArrayList[0].value}"/>
           <bsc:cell caption="${contact[0].phoneArrayList[0].value}"/>
           <bsc:cell caption="${contact[0].emailArrayList[0].value}"/>
           <bsc:cell trimWhitespace="yes">
               <bsc:setLocalizedDescriptions var="descriptions" 
                        value="${row.descriptionArrayList}" 
                            langCode="${userDefaultLanguage}"/>
               <c:out value="${descriptions[0].value}"/>
           </bsc:cell>
        </bsc:row>
    </c:forEach>
</bsc:table>
<c:set var="table" value="${sessionScope[tableName]}"/>

Usually the name of the sorting column comes in parameters from parent JSPs.

<c:choose>
    <c:when test="${not empty sortedBy}">
        <c:set var="defaultSortColumn" value="${sortedBy}"/>
    </c:when>
    <c:otherwise>
        <c:set var="defaultSortColumn" value="providerName"/>
    </c:otherwise>
</c:choose>

The component called processTable is responsible for table processing. This means that if the user enters a new filter, all rows that do not match the filter value are excluded from the actualRows property of the Table object. If the rows are not sorted yet or the user changes sorting criteria, then the actualRows list is sorted.

	Important
	The prefix of this component is very important. The tableFilter and columnHeader components receive their values from the sortTablePrefix parameter. If the value of this parameter is not exactly the same, neither sorting nor filtering will work because the processTable component will not receive these actions!

<syswf:component prefix="sortTable" name="processTable">
    <syswf:param name="table" value="${table}"/>
    <syswf:param name="defaultSortColumn" value="${defaultSortColumn}"/>
</syswf:component>

Here we call tableFilter, which is responsible for rendering the filter. Only columns with the name parameter set and that are filterable are included in the menu.

<syswf:component prefix="filter" name="tableFilter">
    <syswf:param name="table" value="${table}"/>
    <syswf:param name="sortTablePrefix" value="sortTable"/>
</syswf:component>

The next step is to display all column headers. So we call a columnHeader component for each column. The columnHeader component renders the header. If the column is sortable, it inserts syswf:action around the column caption and a character indicating the sort order for the column that is used for sorting.

<th>
    <syswf:component prefix="providerName" name="columnHeader">
        <syswf:param name="table" value="${table}"/>
        <syswf:param name="column" value="${table.columns[0]}"/>
        <syswf:param name="sortTablePrefix" value="sortTable"/>
    </syswf:component>
</th>

To display every table row that is included in the table and matches the filter criteria. So we iterate over the actualRows property of the Table object. Because of code clarity and the row unfolding feature each row is rendered via the providersCommonRow component. It receives a com.systinet.uddi.bui.framework.view.Row object and boolean indicating whether this row is odd or even (for zebra).

<c:forEach items="${table.actualRows}" var="row" varStatus="status">
    <syswf:component prefix="row${status.index}" name="providersCommonRow">
        <syswf:param name="row" value="${row}"/>
        <syswf:param name="even" value="${status.index%2==1}"/>
    </syswf:component>
</c:forEach>

The providersCommonRow is simple. It just renders one HTML table row, filling values from each cell into its appropriate position. Request variable rowClass is set to the name of the CSS class for odd or even rows.

<tr>
    <td class="<c:out value="${rowClass}"/>">
        <a target="_blank" href="<c:out value="${unsecureUrl}"/>
            /browse/providerDetail?businessKey=
            <c:out value="${row.attributes['businessKey']}${loginParams}"/>">
            <c:out value="${row.cells[0].caption}"/>
        </a>
    </td>
    <td class="<c:out value="${rowClass}"/>">
        <c:out value="${row.cells[1].caption}"/>
    </td>
    <td class="<c:out value="${rowClass}"/>">
        <c:out value="${row.cells[2].caption}"/>
    </td>
    <td class="<c:out value="${rowClass}"/>">
        <c:out value="${row.cells[3].caption}"/>
    </td>
    <td class="<c:out value="${rowClass}"/>">
        <c:out value="${row.cells[4].caption}"/>
    </td>
    <td class="<c:out value="${rowClass}"/>">
        <c:out value="${row.cells[5].caption}"/>
    </td>
</tr>