Create colour gradient fill across whole row

Hi
I am trying to create a gradient fill across a row of my table press table. I have added the custom CSS:

.tablepress-id-1 .row-1 td {
background-image: linear-gradient(to right,#4e94d1,#3b6a72);
color: #ffffff;
font-weight: bold;
}

This is only partially successful: the gradient fills each column across the width of the row rather than the width of the whole row. The site is in development but I have a link to a screenshot here: https://my-ampacc.com/wp-content/uploads/2021/03/tablepress-gradients.jpg

Can you please advise?
Regards
Paul

The page I need help with: [log in to see the link]