Style Name Description
afsc-table-data-numeric Look-and-feel used for numeric data. This data is non-date/time, non-currency, and non-textual. For date/time data, use the afsc-table-data-date style. For currency data, use the afsc-table-currency style. For textual data (words), use the portlet-table-body, portlet-table-header, or portlet-table-footer styles.

Examples:

Tag HTML Code Display
<th> 

<table width="100%">
    <thead class="portlet-table-header">
        <tr>
            <th>Product</th>
            <th class="afsc-table-data-numeric">
                25
            </th>
            <th class="afsc-table-data-numeric">
                50
            </th>
        </tr>
    </thead>
    <tfoot class="portlet-table-footer">
        <tr>
            <td>Total</td>
            <td class="afsc-table-data-currency">
                $1,000
            </td>
            <td class="afsc-table-data-currency">
                $1,175
            </td>
        </tr>
    </tfoot>
    <tbody class="portlet-table-body">
        <tr>
            <td>Item A</td>
            <td class="afsc-table-data-currency">
                $100
            </td>
            <td class="afsc-table-data-currency">
                $150
            </td>
        </tr>
        <tr class="portlet-table-alternate">
            <td>Item B</td>
            <td class="afsc-table-data-currency">
                $200
            </td>
            <td class="afsc-table-data-currency">
                $275
            </td>
        </tr>
        <tr>
            <td>Item C</td>
            <td class="afsc-table-data-currency">
                $300
            </td>
            <td class="afsc-table-data-currency">
                $325
            </td>
        </tr>
        <tr class="portlet-table-alternate">
            <td>Item D</td>
            <td class="afsc-table-data-currency">
                $400
            </td>
            <td class="afsc-table-data-currency">
                $425
            </td>
        </tr>
    </tbody>
</table>
Product 25 50
Total $1,000 $1,175
Item A $100 $150
Item B $200 $275
Item C $300 $325
Item D $400 $425
<tr> 

<table width="100%">
    <thead class="portlet-table-header">
        <tr>
            <th>Name</th>
            <th>Item 1</th>
            <th>Item 2</th>
        </tr>
    </thead>
    <tfoot class="portlet-table-footer">
        <tr>
            <td>Total</td>
            <td class="afsc-table-data-numeric">
                8,164
            </td>
            <td class="afsc-table-data-numeric">
                8,740
            </td>
        </tr>
    </tfoot>
    <tbody class="portlet-table-body">
        <tr class="afsc-table-data-numeric"
            style="background-color:#FFFFFF">
            <td style="text-align:left">John</td>
            <td>232</td>
            <td>832</td>
        </tr>
        <tr class="portlet-table-alternate 
                   afsc-table-data-numeric">
            <td style="text-align:left">Paul</td>
            <td>4932</td>
            <td>3908</td>
        </tr>
        <tr class="afsc-table-data-numeric"
            style="background-color:#FFFFFF">
            <td style="text-align:left">George</td>
            <td>1000</td>
            <td>1500</td>
        </tr>
        <tr class="portlet-table-alternate 
                   afsc-table-data-numeric">
            <td style="text-align:left">Ringo</td>
            <td>2000</td>
            <td>2500</td>
        </tr>
    </tbody>
</table>
Name Item 1 Item 2
Total 8,164 8,740
John 232 832
Paul 4932 3908
George 1000 1500
Ringo 2000 2500
<td> 

<table width="100%">
    <thead class="portlet-table-header">
        <tr>
            <th>Name</th>
            <th>Quantity</th>
            <th>Amount</th>
        </tr>
    </thead>
    <tfoot class="portlet-table-footer">
        <tr>
            <td>Total</td>
            <td class="afsc-table-data-numeric">
                5,400
            </td>
            <td class="afsc-table-data-currency">
                $22,082
            </td>
        </tr>
    </tfoot>
    <tbody class="portlet-table-body">
        <tr>
            <td>Cust1</td>
            <td class="afsc-table-data-numeric">
                1,000
            </td>
            <td class="afsc-table-data-currency">
                $3,793
            </td>
        </tr>
        <tr class="portlet-table-alternate">
            <td>Cust2</td>
            <td class="afsc-table-data-numeric">
                2,300
            </td>
            <td class="afsc-table-data-currency">
                $8,290
            </td>
        </tr>
        <tr>
            <td>Cust3</td>
            <td class="afsc-table-data-numeric">
                1,500
            </td>
            <td class="afsc-table-data-currency">
                $5,000
            </td>
        </tr>
        <tr class="portlet-table-alternate">
            <td>Cust4</td>
            <td class="afsc-table-data-numeric">
                1,500
            </td>
            <td class="afsc-table-data-currency">
                $5,000  
            </td>
        </tr>
    </tbody>
</table>
Name Quantity Amount
Total 5,400 $22,082
Cust1 1,000 $3,792
Cust2 2,300 $8,290
Cust3 1,500 $5,000
Cust4 1,500 $5,000
<tfoot> 

<table width="100%">
    <thead class="portlet-table-header">
        <tr>
            <th>Product</th>
            <th>25 Pack</th>
            <th>50 Pack</th>
        </tr>
    </thead>
    <tfoot class="portlet-table-footer
                  afsc-table-data-numeric">
        <tr>
            <td>Total</td>
            <td>5,000</td>
            <td>3,500</td>
        </tr>
    </tfoot>
    <tbody class="portlet-table-body">
        <tr style="background-color:#FFFFFF">
            <td>ABC</td>
            <td class="afsc-table-data-numeric">
                1,500
            </td>
            <td class="afsc-table-data-numeric">
                1,000
            </td>
        </tr>
        <tr class="portlet-table-alternate">
            <td>XYZ</td>
            <td class="afsc-table-data-numeric">
                1,500
            </td>
            <td class="afsc-table-data-numeric">
                500
            </td>
        </tr>
        <tr  style="background-color:#FFFFFF">
            <td>FGH</td>
            <td class="afsc-table-data-numeric">
                1,000
            </td>
            <td class="afsc-table-data-numeric">
                1,000
            </td>
        </tr>
        <tr class="portlet-table-alternate">
            <td>HIJ</td>
            <td class="afsc-table-data-numeric">
                1,000
            </td>
            <td class="afsc-table-data-numeric">
                1,000   
            </td>
        </tr>
    </tbody>
</table>
Product 25 Pack 50 Pack
Total 5,000 3,500
ABC 1,500 1,000
XYZ 1,500 500
FGH 1,000 1,000
HIJ 1,000 1,000
<thead> 

<table width="100%">
    <thead class="afsc-table-data-numeric">
        <tr class="portlet-table-header">
            <th>Product</th>
            <th>25</th>
            <th>50</th>
        </tr>
    </thead>
    <tfoot class="portlet-table-footer">
        <tr>
            <td>Total</td>
            <td class="afsc-table-data-numeric">
                200
            </td>
            <td class="afsc-table-data-numeric">
                300
            </td>
        </tr>
    </tfoot>
    <tbody class="portlet-table-body">
        <tr>
            <td>ABC</td>
            <td class="afsc-table-data-numeric">
                50
            </td>
            <td class="afsc-table-data-numeric">
                100
            </td>
        </tr>
        <tr class="portlet-table-alternate">
            <td>XYZ</td>
            <td class="afsc-table-data-numeric">
                50
            </td>
            <td class="afsc-table-data-numeric">
                100
            </td>
        </tr>
        <tr>
            <td>FGH</td>
            <td class="afsc-table-data-numeric">
                50
            </td>
            <td class="afsc-table-data-numeric">
                50
            </td>
        </tr>
        <tr class="portlet-table-alternate">
            <td>HIG</td>
            <td class="afsc-table-data-numeric">
                50
            </td>
            <td class="afsc-table-data-numeric">
                50  
            </td>
        </tr>
    </tbody>
</table>
Product 25 50
Total 100 200
ABC 50 100
XYZ 50 100
FGH 50 50
HIJ 50 50
<tbody> 

<table width="100%">
    <thead class="portlet-table-header">
        <tr>
            <th>Item</th>
            <th>25 Pack</th>
            <th>50 Pack</th>
        </tr>
    </thead>
    <tfoot class="portlet-table-footer">
        <tr>
            <td>Total</td>
            <td class="afsc-table-data-numeric">
                300
            </td>
            <td class="afsc-table-data-numeric">
                500
            </td>
        </tr>
    </tfoot>
    <tbody class="afsc-table-data-numeric 
                  portlet-table-body">
        <tr style="background-color:#FFFFFF">
            <td style="text-align:left">ABC</td>
            <td>100</td>
            <td>150</td>
        </tr>
        <tr class="portlet-table-alternate">
            <td style="text-align:left">FGH</td>
            <td>100</td>
            <td>250</td>
        </tr>
        <tr style="background-color:#FFFFFF">
            <td style="text-align:left">XYZ</td>
            <td>50</td>
            <td>50</td>
        </tr>
        <tr class="portlet-table-alternate">
            <td style="text-align:left">HIJ</td>
            <td>50</td>
            <td>50</td>
        </tr>
    </tbody>
</table>
Item 25 Pack 50 Pack
Total 200 400
ABC 100 150
FGH 100 250
XYZ 50 50
HIJ 50 50