JSFiddle - React, Tailwind, and code Playground

HTML

<div id="table4">
<table>
  <thead>
    <tr><th>Names</th>
      <th>Process_id</th>
      <th>total</th></tr>
  </thead>
  <tbody>
     <tr><td>construction</td> <td>1001</td> <td>1001</td></tr>
      <tr><td>engineering</td><td>1005</td> <td>1005</td></tr>
      <tr><td>total</td><td>0</td><td></td> </tr>
   
  </tbody>
</table>
<div>

CSS

table,th, td {
    border: 1px solid black;
}

JavaScript

colCount = $('#table4 td:last').index() + 1;

for(i=1;i< colCount;i++) 
  {
       
        var total_1=0;
        var rows = $('#table4 tbody tr');
          
   var cellVal_2 = parseFloat($('#table4 tr:eq('+ i +')').find("td:last").text().replace(',',''));
       
     
      $('#table4 tr td:last').each(function() 
        {
   var cellVal_1 = parseFloat($('#table4 tr:eq(' + i + ')').find("td:last").text().replace(',',''));
          
          if(!isNaN(cellVal_1))
    	  {
              total_1=total_1+cellVal_1;
          }
           
        });

  
    }
 alert(total_1);