JSFiddle - React, Tailwind, and code Playground

HTML

<table>
    <tr><th>1</th><th>2</th><th>3</th><th>4</th><th>5</th><th>6</th><th>7</th></tr>
    <tr class='selectable'><th>1</th><td>2</td><td>2</td><td>2</td><td>2</td><td>2</td></tr>
    <tr class='selectable'><th>1</th><td>2</td><td>2</td><td>2</td><td>2</td><td>2</td></tr>
    <tr class='selectable'><th>1</th><td>2</td><td>2</td><td>15</td><td>2</td><td>2</td></tr>
    <tr class='selectable'><th>1</th><td>2</td><td>3</td><td>2</td><td>2</td><td>2</td></tr>
    <tr><th>1</th><td>2</td><td>2</td><td>2</td><td>2</td><td>2</td></tr>
</table>

CSS

.selectable td {
    background:lightgray;
}
td.selected {
    color:white;
    background:gray;
}

JavaScript

var $max=$('table tr.selectable:eq(0) td');
$('table tr.selectable').each(function(){
    $('td',this).each(function(index){
       if(parseInt($max.eq(index).text())<parseInt($(this).text()))
           $max[index]=this;
    })
})
$max.addClass('selected');