JSFiddle - React, Tailwind, and code Playground
HTML
<br />
<br />
<br />
<br />
<div class ="selecteClass1">
<table border="1" style="width:100%; text-align:center;" class="ui-jqgrid-ftable">
<tr>
<th>
EndUsers
</th>
<th>
Decretusers
</th>
<th>
Adminusers
</th>
</tr>
<tr>
<td aria-describedby="Raport1Grid_endusers">
3
</td>
<td aria-describedby="Raport1Grid_decretusers">
0
</td>
<td aria-describedby="Raport1Grid_adminusers">
8
</td>
</tr>
<tr>
<th>
EndUsers
</th>
<th>
Decretusers
</th>
<th>
Adminusers
</th>
</tr>
<tr>
<td aria-describedby="Raport1Grid_endusers">
3
</td>
<td aria-describedby="Raport1Grid_decretusers">
0
</td>
<td aria-describedby="Raport1Grid_adminusers">
8
</td>
</tr>
</table>
</div>
CSS
.selecteClass {
background-color:red;
color: black;
font-size: 30px;
}
.selecteClass1 {
color: black;
}
JavaScript
//Simulation of footer data by creating this table
//Raport1Grid - name of my jqgrid
//endusers, adminusers,decretusers - name of my rows in colModel
//Raport1Grid_endusers - GridName_ColumnName
var endUsers = $("[aria-describedby='Raport1Grid_endusers']").click(function(){
//Change style of selectedCell
$('.ui-jqgrid-ftable').find('.selecteClass').removeClass('selecteClass');
$(endUsers).addClass('selecteClass');
});
var decretUsers = $("[aria-describedby='Raport1Grid_decretusers']").click(function(){
$('.ui-jqgrid-ftable').find('.selecteClass').removeClass('selecteClass');
//$(decretUsers).addClass('selecteClass');
//Get values from selected Cell
var qwer = $("[aria-describedby='Raport1Grid_decretusers']").text();
$(".selecteClass1 .ui-jqgrid-ftable td[aria-describedby='Raport1Grid_adminusers']").addClass('selecteClass');
});