Style Name Description
afsc-table-data-date Look-and-feel used for date, date and time, or time data. This data is non-numeric, non-currency and non-textual. For numeric data, use the afsc-table-numeric 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>Item</th>
            <th class="afsc-table-data-date">
                15-Nov-2011
            </th>
            <th class="afsc-table-data-date">
                30-Nov-2011
            </th>
        </tr>
    </thead>
    <tfoot class="portlet-table-footer">
        <tr>
            <td>Total</td>
            <td class="afsc-table-data-currency">
                $1330.00
            </td>
            <td class="afsc-table-data-currency">
                $1389.16
            </td>
        </tr>
    </tfoot>
    <tbody class="portlet-table-body">    
        <tr>
            <td>Smith</td>
            <td class="afsc-table-data-currency">
                $100.00
            </td>
            <td class="afsc-table-data-currency">
                $134.23
            </td>
        </tr>
        <tr class="portlet-table-alternate">
            <td>Jones</td>
            <td class="afsc-table-data-currency">
                $250.00
            </td>
            <td class="afsc-table-data-currency">
                $254.93
            </td>
        </tr>
        <tr>
            <td>Jefferson</td>
            <td class="afsc-table-data-currency">
                $540.00
            </td>
            <td class="afsc-table-data-currency">
                $550.00
            </td>
        </tr>
        <tr class="portlet-table-alternate">
                <td>Jackson</td>
                <td class="afsc-table-data-currency">
                    $440.00
                </td>
                <td class="afsc-table-data-currency">
                    $450.00
                </td>
        </tr>
    </tbody>
</table>
Item 15-Nov-2011 30-Nov-2011
Total $1330.00 $1389.16
Smith $100.00 $134.23
Jones $250.00 $254.93
Jefferson $540.00 $550.00
Jackson $440.00 $450.00
<tr> 

<table width="100%">
    <thead class="portlet-table-header">
        <tr>
            <th style="width:40%">Artist</th>
            <th style="width:60%">Released </th>
        </tr>
    </thead>
    <tbody class="portlet-table-body">
        <tr class="afsc-table-data-date"
            style="background-color:#FFFFFF">
            <td style="text-align:left">
                Radiohead
            </td>
            <td>01-Jul-2010</td>
        </tr>
        <tr class="afsc-table-data-date 
                   portlet-table-alternate">
            <td style="text-align:left">
                Kings of Leon
            </td>
            <td>05-Aug-2010</td>
        </tr>
        <tr class="afsc-table-data-date"
            style="background-color:#FFFFFF">
            <td style="text-align:left">
                Matchbox Twenty
            </td>
            <td>12-Nov-2010</td>
        </tr>
        <tr class="afsc-table-data-date 
                   portlet-table-alternate">
            <td style="text-align:left">
                Adele
            </td>
            <td>02-Feb-2011</td>
        </tr>
    </tbody>
</table>
Artist Released
Radiohead 01-Jul-2010
Kings of Leon 05-Aug-2010
Matchbox Twenty 12-Nov-2010
Adele 02-Feb-2011
<td> 

 <table width="100%">
    <thead class="portlet-table-header">
        <tr>
            <th style="width:45%">Movie</th>
            <th style="width:55%">Premiered</th>
        </tr>
    </thead>
    <tbody class="portlet-table-body">
        <tr>
            <td>Breakfast Club</td>
            <td class="afsc-table-data-date">
                12-Nov-1984
            </td>
        </tr>
        <tr class="portlet-table-alternate">
            <td>Avatar</td>
            <td class="afsc-table-data-date">
                12-Oct-2010
            </td>
        </tr>
        <tr>
            <td>The Hangover 2</td>
            <td class="afsc-table-data-date">
                02-Jun-2011
            </td>
        </tr>
        <tr class="portlet-table-alternate">
            <td>Fright Night</td>
            <td class="afsc-table-data-date">
                19-Aug-2011
            </td>
        </tr>
    </tbody>
</table>
Movie Premiered
Breakfast Club 12-Nov-1984
Avatar 12-Oct-2010
The Hangover 2 02-Jun-2011
Fright Night 19-Aug-2011
<tfoot> 

<table width="100%">
    <thead class="portlet-table-header">
        <tr>
            <th>Name</th>
            <th>Donation</th>
        </tr>
    </thead>
    <tfoot class="afsc-table-data-date 
                  portlet-table-footer">
        <tr>
            <td colspan="2">15-May-2011</td>
        </tr>
    </tfoot>
    <tbody class="portlet-table-body">
        <tr style="background-color:#FFFFFF">
            <td>Emma Jones</td>
            <td class="afsc-table-data-currency">
                $150.00
            </td>
        </tr>
        <tr class="portlet-table-alternate">
            <td>Mike Smith</td>
            <td class="afsc-table-data-currency">
                $235.00
            </td>
        </tr>
        <tr style="background-color:#FFFFFF">
            <td>Nick Nolte</td>
            <td class="afsc-table-data-currency">
                $174.33
            </td>
        </tr>
        <tr class="portlet-table-alternate">
            <td>Vin Diesel</td>
            <td class="afsc-table-data-currency">
                $274.33
            </td>
        </tr>
    </tbody>
</table>
Name Donation
15-May-2011
Emma Jones $150.00
Mike Smith $235.00
Nick Nolte $174.33
Vin Diesel $274.33
<thead> 

<table width="100%">
    <thead class="afsc-table-data-date">
        <tr class="portlet-table-header">
            <th>01-Oct-2010</th>
            <th>01-Nov-2010</th>
        </tr>
    </thead>
    <tfoot class="portlet-table-footer">
        <tr class="afsc-table-data-currency">
            <td>$40,000</td>
            <td>$120,000</td>
        </tr>
    </tfoot>
    <tbody class="portlet-table-body 
                  afsc-table-data-currency">
        <tr>
            <td>$10,000</td>
            <td>$30,000</td>
        </tr>
        <tr class="portlet-table-alternate">
            <td>$10,000</td>
            <td>$30,000</td>
        </tr>
        <tr>
            <td>$10,000</td>
            <td>$30,000</td>
        </tr>
        <tr class="portlet-table-alternate">
            <td>$10,000</td>
            <td>$30,000</td>
        </tr>
    </tbody>
</table>
01-Oct-2010 01-Nov-2010
$40,000 $120,000
$10,000 $30,000
$10,000 $30,000
$10,000 $30,000
$10,000 $30,000
<tbody> 

<table width="100%">
    <thead class="portlet-table-header">
        <tr>
            <th>Name</th>
            <th>Payment 1</th>
            <th>Payment 2</th>
        </tr>
    </thead>
    <tbody class="afsc-table-data-date portlet-table-body">
        <tr style="background-color:#FFFFFF">
            <td style="text-align:left">Julie</td>
            <td>05-May-2011</td>
            <td>07-Jun-2011</td>
        </tr>
        <tr class="portlet-table-alternate">
            <td style="text-align:left">Mike</td>
            <td>03-May-2011</td>
            <td>04-Jun-2011</td>
        </tr>
        <tr class="background-color:#FFFFFF">
            <td style="text-align:left">Jon</td>
            <td>01-Jun-2010</td>
            <td>01-Jul-2010</td>
        </tr>
        <tr class="portlet-table-alternate">
            <td style="text-align:left">Walter</td>
            <td>01-Aug-2010</td>
            <td>01-Sep-2010</td>
        </tr>
    </tbody>
</table>
Name Payment 1 Payment 2
Julie 05-May-2011 07-Jun-2011
Mike 03-May-2011 04-Jun-2011
Jon 01-Jun-2010 01-Jul-2010
Walter 01-Aug-2010 01-Sep-2010