Have come up with a sort-of solution for this.
I have the anchor around the first cell in the row, as follows:
<article id=”ax2″><p>Proportion of Residents who have Volunteered during the Past 12 Months (SHdS)</p></article>
and am then using “:target” with global scope to apply a highlight to the text contained within the anchor, as follows:
:target {
background-color: #ffa;
font-weight: bold;
font-size: 18px;
-webkit-transition: all 1s linear;
}
It doesn’t highlight the whole row, so would still appreciate a solution that accomplishes that, but it does somewhat fulfil the same purpose if anyone runs across this thread
Think I have now resolved this.
For anyone with a similar issue, you can add ‘tbody td’ to a specific column selector to only affect the body cells of that column e.g.:
.tablepress-id-1 .column-1 tbody td{
text-align: left;
}
and vice-versa with ‘thead th’ to only affect a specific column header e.g.:
.tablepress-id-1 .column-1 thead th{
text-align: center;
}
A bit fiddly but gets the job done.
