Style Name Description
afsc-table-hover Look-and-feel when a user mouses over an area of the table.

Examples:

Tag HTML Code Display
<tr>
 
<table width="100%">
<thead>
<tr class="portlet-table-header">
<th>Table Head 1</th>
<th>Table Head 2</th>
</tr>
</thead>
<tbody class="portlet-table-body, afsc-table-hover">
<tr>
<td>
Mouse over me to test 1
</td>
<td>
Mouse over me to test 2
</td>
</tr>
<tr class="portlet-table-alternate">
<td>Mouse over me to test 3</td>
<td>Mouse over me to test 4</td>
</tr>
<tr>
<td>
Mouse over me to test 5
</td>
<td>
Mouse over me to test 6
</td>
</tr>
<tr class="portlet-table-alternate">
<td>Mouse over me to test 7</td>
<td>Mouse over me to test 8</td>
</tr>
</tbody>
</table>
Table Head 1 Table Head 2
Mouse over me to test 1 Mouse over me to test 2
Mouse over me to test 3 Mouse over me to test 4
Mouse over me to test 5 Mouse over me to test 6
Mouse over me to test 7 Mouse over me to test 8
<td>
 
<table width="100%">
<thead>
<tr class="portlet-table-header">
<th>Table Head 1</th>
<th>Table Head 2</th>
</tr>
</thead>
<tbody class="portlet-table-body">
<tr style="background-color:#FFFFFF" class="afsc-table-hover">
<td>
Mouse over me to test 1
</td>
<td>
Mouse over me to test 2
</td>
</tr>
<tr class="portlet-table-alternate, afsc-table-hover">
<td>Mouse over me to test 3</td>
<td>Mouse over me to test 4</td>
</tr>
<tr style="background-color:#FFFFFF" class="afsc-table-hover">
<td>
Mouse over me to test 5
</td>
<td>
Mouse over me to test 6
</td>
</tr>
<tr class="portlet-table-alternate, afsc-table-hover">
<td>Mouse over me to test 7</td>
<td>Mouse over me to test 8</td>
</tr>
</tbody>
</table>
Table Head 1 Table Head 2
Mouse over me to test 1 Mouse over me to test 2
Mouse over me to test 3 Mouse over me to test 4
Mouse over me to test 5 Mouse over me to test 6
Mouse over me to test 7 Mouse over me to test 8