I am encountering some challenges when attempting to hover over a td with rowspan in my HTML table. Despite searching for a solution, I have not been successful. I came across suggestions on forums that hinted at using JS/jQuery. Could someone please provide me with a solution? I am willing to share my code as well for reference.
<table>
<tr>
<th></th>
<th>Sunday</th>
<th>Monday</th>
<th>Tuesday</th>
<th>Wednesday</th>
<th>Thursday</th>
<th>Friday</th>
<th>Saturday</th>
</tr>
... (table content continues)
</table>
</div>
</body>
.tt-table-container table tr th {
font-weight: normal;
font-size:14px;
width:60px;
height:60px;
text-align:center;
}
... (CSS styling rules continue)
My goal is to replicate the hover effect seen in this table:
by navigating to the "Departments" section in the mentioned template.