JSFiddle - React, Tailwind, and code Playground

HTML

<table border=1 id="category">
   <tr><th>User Name</th><th>User Belongs</th><th>Total Work Assigned</th><th>Not Called</th></tr>
  <tr><td>vidyaranyapura</td><td>Category</td><td>172</td><td>156</td></tr>
  <tr><td>sahasra</td><td>Company</td><td>500</td><td>350</td></tr>
  <tr><td>global</td><td>Not Assigned</td><td>0</td><td>0</td></tr>
</table>

<h4>
My expected output
</h4>

<table border=1 id="same_id_wont_work_changed_for_demo_only">
   <tr><th>User Name</th><th>User Belongs</th><th>Total Work Assigned</th><th>Not Called</th></tr>
  <tr><td>vidyaranyapura</td><td>Category</td><td>172</td><td>156</td></tr>
  <tr><td>sahasra</td><td>Company</td><td>500</td><td>350</td></tr>
  <tr><td>global</td><td>Not Assigned</td><td>0</td><td>0</td></tr>
  <tr><td></td><td></td><td>672</td><td>506</td></tr>
</table>

JavaScript

$('#category tr td').text(function(i,el){
  console.log(parseInt(el,10));
});