JSFiddle - React, Tailwind, and code Playground

HTML

<table id="example" class="table table-striped table-bordered table-hover" cellspacing="0" width="100%" >
        <thead>
            <tr class="info">
        <th>Kode Kategori</th>
        <th>Kategori</th>
				<th>Status</th>
			

            </tr>
        </thead>
   
     


<tr id="1">
  <td>a</td>
  <td>a</td>
  <td>a</td>
 
</tr>

<tr id="2">
  <td>aa</td>
  <td>aa</td>
  <td>aa</td>
 
</tr>

<tr id="3">
  <td>aaa</td>
  <td>aaa</td>
  <td>aaa</td>
 
</tr>


<tr id="4">
  <td>aaaaa</td>
  <td>aaaaa</td>
  <td>aaaaa</td>
</tr>

<tr id="1">
  <td>a</td>
  <td>a</td>
  <td>a</td>
 
</tr>


<tr id="1">
  <td>a</td>
  <td>a</td>
  <td>a</td>
 
</tr>
       

       
    </table>

CSS

.highlight{
    background-color:#2283c5; color:#fff;
}

JavaScript

$(function(){
    var ids = new Array();
    $('#example tbody tr').each(function(){
        ids.push(parseInt($(this).attr('id'), 10));
    });
    var maxId = Math.max.apply(null, ids);
    $('#example tr[id="'+maxId+'"]').addClass('highlight');

alert(maxId);
});