table td vertical-align

Sparkling
1

With the last release (2.2.0), it is impossible change vertical-align on table with additional css.
Is OK for “hover”… is very strange !

Code Html :

<table>
<tbody>
<tr class="tab">
<td rowspan="4">Title</td>
<td>row</td>
</tr>
<tr>
<td>row</td>
</tr>
<tr>
<td>row</td>
</tr>
<tr>
<td>row</td>
</tr>
</tbody>
</table>

Code CSS:

.tab:hover td {
	vertical-align: middle;
}
.tab td {
	vertical-align: middle;
}

If I add ‘style=“vertical-align: middle;”’ in “td” is good. But I would do it in additional style sheet.

2

same problem with Sparkling 2.2.1
No problem with old version : 2.1.x

Someone can help me ?

3

Hi @dieu,

I hope you are well today and thank you for your question.

Your shared CSS code is not working due to having low CSS specificity.

To resolve the CSS specificity issue try using the following CSS code.

#page .tab td {
    vertical-align: middle;
}

.tab:hover td {
	vertical-align: middle;
}

Best Regards,
Movin

4

it works…Thanks !
You can close my ticket.

5

You are most welcome here :slight_smile: