Seeking to highlight the final column of a table in green.
I am working with a table that utilizes Bootstrap styles (it's ASP.Net) and I am looking to make the last column green. While the full table is longer, I am specifically referring to 'Group 5' in the headers and the last value in each row.
<div class="table-responsive">
<table class="table table-striped table-bordered table-sm table-light border-primary">
<thead>
<tr>
<th scope="col">Date</th>
<th scope="col">Group1</th>
<th scope="col">Group2</th>
<th scope="col">Group3</th>
<th scope="col">Group4</th>
<th scope="col">Group5</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row">2022-03-14</th>
<td>52900</td>
<td>6530</td>
<td>2957</td>
<td>778</td>
<td>15947</td>
</tr>
<tr>
<th scope="row">2022-03-21</th>
<td>52900</td>
<td>6530</td>
<td>2957</td>
<td>778</td>
<td>15947</td>
</tr>
</tbody>
</table>
</div>
The completed table will contain additional rows, but I want to ensure that the last column is consistently colored green.