Hello,
You can define row CSS classes in cyclic way with help "Rows CSS classes". For example if default HTML table looks like:
| Code: |
<table>
<tr>
<td>col 1</td>
<td>col 2</td>
</tr>
<tr>
<td>col 1</td>
<td>col 2</td>
</tr>
<tr>
<td>col 1</td>
<td>col 2</td>
</tr>
<tr>
<td>col 1</td>
<td>col 2</td>
</tr>
<tr>
<td>col 1</td>
<td>col 2</td>
</tr>
</table>
|
and you want to add "row_even" CSS class to each even row and "row_odd" to each odd row, enter "row_even;row_odd" in "Rows CSS classes" parameter. After this table will look like:
| Code: |
<table>
<tr class="row_odd">
<td>col 1</td>
<td>col 2</td>
</tr>
<tr class="row_even">
<td>col 1</td>
<td>col 2</td>
</tr>
<tr class="row_odd">
<td>col 1</td>
<td>col 2</td>
</tr>
<tr class="row_even">
<td>col 1</td>
<td>col 2</td>
</tr>
<tr class="row_odd">
<td>col 1</td>
<td>col 2</td>
</tr>
</table>
|
define of CSS classes can be place in "CSS Styles" parameter (it is useful if CSS classes are specific only for selected module instance) or into site template CSS file (this is useful if CSS classes are used for several module instances). For example, you can use the following CSS class definition:
| Code: |
TABLE TR.row_odd TD
{
font-size: 16px;
}
TABLE TR.row_even TD
{
font-size: 12px;
}
|
Regards,
ARI Soft
